Hazy Amber color palette — #FFF0D8 · #B68900 · #516C00 · #003C7B · #211C00

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B68900): A luminous, balanced gold — the color of old brass.
• Olive (#516C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003C7B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Hazy Amber into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Worn Moss Orchard color palette (#FFF0D8, #8B9C00, #007445, #3D2B80, #102200)
• Quiet Loft color palette (#FFF0D8, #DD6E00, #755F00, #004558, #2B1700)
• Chalky Field color palette (#FFF1F6, #C57600, #1A740A, #43397C, #403406)
• Navy Lantern color palette (#EDE1CF, #8D7700, #285A00, #091A78, #0F0F00)
• Navy Study color palette (#FBF1DE, #9D7F00, #006B58, #00347A, #300023)
• Soft Marigold Thicket color palette (#DEFFE5, #D29F00, #698B00, #215B9F, #143F2B)
• Faded Workshop color palette (#F6EAB4, #99B177, #318A64, #484E76, #3A2748)
• Hazy Studio color palette (#FFF3E8, #FFA864, #5A9C04, #5F409B, #342500)

Browse the whole catalog at Explore, or see today's palette.