Hazy Amber color palette — #DFF5E7 · #D1BF77 · #9BA8FF · #AA8F00 · #2A2F63

Mustard takes the lead with Cornflower close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFF5E7): A whisper-light, dusty teal — the color of sea glass.
• Honey (#D1BF77): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#9BA8FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#AA8F00): A luminous, balanced green — the color of fresh herbs.
• Navy (#2A2F63): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Quiet Cabin color palette (#F6EEDC, #BAA85C, #778EEA, #857000, #253064)
• Moss Chapel color palette (#E8FAF5, #BAD7A3, #B3B5FF, #75B42B, #3D3C6B)
• Frosted Archive color palette (#EAFAEF, #E9CD56, #848DF0, #8B7500, #212348)
• Gentle Study color palette (#FBE8F2, #F1AC87, #81B1FF, #E26900, #163464)
• Washed Lilac Summit color palette (#D2ECDD, #BDB154, #9A95FF, #AD6BC8, #322C00)
• Wandering Emerald color palette (#DDF4F0, #9ACF90, #E99BE6, #2EA106, #4B244B)
• Taupe Studio color palette (#DAEEE0, #BBC898, #B39C54, #A16C43, #0D3835)
• Worn Apricot Lantern color palette (#DFFEEB, #B5EBD1, #96D6FD, #E48E69, #1F4D42)

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