Hazy Amber color palette — #FDF3E9 · #F7CC9B · #81C1FB · #BD7800 · #0C3B5F

Built around Mustard, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Wheat (#F7CC9B): A whisper-light, balanced gold — the color of old brass.
• Sky (#81C1FB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#BD7800): A luminous, balanced gold — the color of honey in a jar.
• Navy (#0C3B5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, 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 Boulevard color palette (#FCF4E4, #E5D499, #C1ADF5, #A48700, #3D2E5D)
• Ember Studio color palette (#FFF2EB, #FFC5AE, #3CD1E0, #E05915, #004147)
• Pale Mint color palette (#ECFAEB, #F5C17F, #0FDDAF, #D38E1D, #134B4F)
• Powdered Amber color palette (#FFF1F5, #D98C1F, #548EC8, #895A1C, #2B445E)
• Bronze Summit color palette (#FEF3E8, #EDDABA, #BA9672, #975740, #34322B)
• Weathered Corridor color palette (#FFF3E2, #D8B672, #62B4E7, #738CE1, #38280B)
• Apricot Boulevard color palette (#FFF3E6, #C3E3CD, #B5B7C6, #E49882, #5C4100)
• Gentle Study color palette (#FAF7D6, #C0E684, #B692F9, #608400, #391565)

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