Hazy Amber color palette — #F6D8E2 · #BB7400 · #007838 · #004866 · #2F0D3A

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

The five colors

• Shell Pink (#F6D8E2): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#BB7400): A luminous, balanced gold — the color of honey in a jar.
• Olive (#007838): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004866): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2F0D3A): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Soft Ember color palette (#F4D8EB, #EA4100, #5C6C00, #004C52, #1F104C)
• Hazy Amber color palette (#E4F8E5, #C28900, #008568, #2E4E87, #47182F)
• Dusty Garden color palette (#F6D8E6, #A24D00, #005347, #2B1373, #2C003B)
• Aged Loft color palette (#FBF5E0, #959900, #00764B, #004147, #000C21)
• Navy Lantern color palette (#DDF7E4, #8F7000, #006151, #002583, #270017)
• Powdered Aubergine color palette (#D0E9DE, #686C00, #004F57, #36005D, #140200)
• Antique Aubergine Loft color palette (#CBE9DD, #839000, #00717A, #482A88, #42000A)
• Softworn Pine Grove color palette (#CFEDDE, #95B06B, #428343, #774639, #093028)

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