Hazy Amber color palette — #DEFBE4 · #BE9100 · #009789 · #735600 · #002722

Built around Mustard, softened by Fern — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#DEFBE4): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#BE9100): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009789): A luminous, balanced teal — the color of glacier melt.
• Coffee (#735600): A full-bodied, balanced gold — the color of old brass.
• Onyx (#002722): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, 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

• Antique Canyon color palette (#D6F0E5, #8E993F, #008B9D, #535B00, #002126)
• Patina Marigold Hollow color palette (#FFF3E3, #DFA200, #00B49D, #9A6F00, #00453B)
• Weathered Loft color palette (#D9F1DB, #B89C5A, #8C6200, #603A00, #002312)
• Dusty Brick color palette (#F7E3B6, #A27D00, #008C4A, #B7002A, #201600)
• Amber Balcony color palette (#E2F7F6, #8DC2A0, #CE8B56, #388359, #442634)
• Patina Courtyard color palette (#E1F8F0, #96AF5D, #D66661, #576F00, #421817)
• Hazy Moss Courtyard color palette (#FFEBF8, #EA6E45, #489900, #9D3100, #0E2800)
• Washed Mustard Harbor color palette (#DFF9EF, #BFA734, #485200, #1E2400, #000B06)

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