Hazy Amber color palette — #FFF1F6 · #E08500 · #009BAF · #565A90 · #220D16

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#E08500): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#009BAF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#565A90): A full-bodied, balanced violet — the color of wild irises.
• Ink (#220D16): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Aged Archive color palette (#E6FCE9, #CA9300, #0A97C2, #5E568F, #061A0B)
• Coral Study color palette (#FFF0FB, #FE664B, #009F95, #24668A, #200E1C)
• Dusty Summit color palette (#E9FBE9, #C58800, #007F98, #4F437E, #130513)
• Mustard Field color palette (#E8FAF1, #B3AB00, #00878C, #4D3D7C, #380606)
• Hazy Chapel color palette (#FFE7F3, #F28F52, #7A9FE8, #6B7CCC, #381B2B)
• Antique Station color palette (#E3FDE8, #CFB726, #5A8E4B, #3E4E7E, #02291D)
• Soft Thicket color palette (#F5E7D4, #996B00, #00746D, #3B2D96, #180E00)
• Tempered Sapphire color palette (#DBFFEE, #ABA726, #1566E1, #811A93, #0E0D00)

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