Hazy Amber color palette — #EAFAEF · #E7D394 · #A0B8FF · #A58700 · #2A365D

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

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Wheat (#E7D394): A whisper-light, balanced green — the color of a quiet forest floor.
• Sky (#A0B8FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#A58700): A luminous, balanced green — the color of fresh herbs.
• Navy (#2A365D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged light.

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

• Faded Amber Thicket color palette (#FFF1F6, #FFC79B, #72C4FE, #C77116, #0A3C5A)
• Linen Garden color palette (#EAF9F4, #C7DF9A, #CAA9F4, #769800, #422B5C)
• Misty Aqua Harbor color palette (#FDF4E3, #E6CA6C, #38D7D1, #B89C3B, #314A2F)
• Muted Taupe color palette (#E9FAEF, #C0E9EF, #9BBBCF, #CD9873, #334D43)
• Amber Quarry color palette (#FFF4DF, #BB9C3F, #7783CA, #7C6200, #393F65)
• Taupe Quarry color palette (#EDF9F0, #BEE8D5, #B39B5F, #88623E, #1C3832)
• Periwinkle Studio color palette (#E5FCED, #CABB7A, #8DA5F9, #8887DA, #103321)
• Lapis Market color palette (#CFECDD, #888200, #4E43EE, #413E00, #01000A)

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