This 6-color vibrant palette runs from Milk (#FFFEF6) as its lightest tone to Balsamico (#160C09) as its darkest. It blends Milk, Happy Yipee, Laddu Orange, Meatloaf, Severely Burnt Toast and Balsamico into a single set you can drop straight into a UI. Of its 15 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFEF6 on #160C09 at 19.03:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Milk#FFFEF6
RGB
rgb(255, 254, 246)
HSL
hsl(53, 100%, 98%)
Luminance
0.988
Happy Yipee#FFC118
RGB
rgb(255, 193, 24)
HSL
hsl(44, 100%, 55%)
Luminance
0.595
Laddu Orange#FF8B18
RGB
rgb(255, 139, 24)
HSL
hsl(30, 100%, 55%)
Luminance
0.398
Meatloaf#653611
RGB
rgb(101, 54, 17)
HSL
hsl(26, 71%, 23%)
Luminance
0.055
Severely Burnt Toast#261305
RGB
rgb(38, 19, 5)
HSL
hsl(25, 77%, 8%)
Luminance
0.009
Balsamico#160C09
RGB
rgb(22, 12, 9)
HSL
hsl(14, 42%, 6%)
Luminance
0.005
Contrast & accessibility
8 of 15 color pairings
meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa#FFFEF6 on #160C0919.03:1AAA
Aa#FFFEF6 on #26130517.63:1AAA
Aa#FFC118 on #160C0911.82:1AAA
Aa#FFC118 on #26130510.95:1AAA
Aa#FFFEF6 on #6536119.94:1AAA
Aa#FF8B18 on #160C098.21:1AAA
Aa#FF8B18 on #2613057.61:1AAA
Aa#FFC118 on #6536116.17:1AA
Aa#FF8B18 on #6536114.29:1AA Large
Aa#FFFEF6 on #FF8B182.32:1Fail
Aa#653611 on #160C091.92:1Fail
Aa#653611 on #2613051.77:1Fail
Aa#FFFEF6 on #FFC1181.61:1Fail
Aa#FFC118 on #FF8B181.44:1Fail
Aa#261305 on #160C091.08:1Fail
Similar palettes
#F9ED69#F08A5D#B83B5E#6A2C70
4 colors
#7D5A50#B4846C#E5B299#FCDEC0
4 colors
#FFF8EA#9E7676#815B5B#594545
4 colors
#2C3639#3F4E4F#A27B5C#DCD7C9
4 colors
#F67280#C06C84#6C5B7B#355C7D
4 colors
#2B2E4A#E84545#903749#53354A
4 colors
#E5D9B6#A4BE7B#5F8D4E#285430
4 colors
#A9907E#F3DEBA#ABC4AA#675D50
4 colors
Palette
Help us improve
Found a bug? Got an idea?
Jinero is in active development. If something is broken or behaving
oddly — tell us. If there is a tool or feature you wish we had —
tell us that too. We read every message and it directly shapes
what we build next.