Hazy Amber color palette — #F0F6FF · #7DAFFF · #D48D00 · #A77F00 · #0C2042

Mustard and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Cornflower (#7DAFFF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D48D00): A luminous, balanced gold — the color of old brass.
• Mustard (#A77F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Midnight (#0C2042): A deep, shadowed, dusty violet — the color of wild irises.

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

• Gentle Terrace color palette (#E1ECFF, #8CB4FF, #DA9F00, #93990F, #182E5A)
• Amber Terrace color palette (#ECF7FF, #7FCAFF, #D36C00, #8E8100, #00243A)
• Quiet Lantern color palette (#FFF0F9, #959AFF, #B09420, #7F843B, #2A1123)
• Tempered Emerald Ridge color palette (#F4F4FF, #BFB6FF, #9B8F00, #009757, #341527)
• Soft Iris color palette (#F1F5FF, #6288FF, #A77900, #766D00, #040926)
• Frosted Coral Boulevard color palette (#E1FBFF, #00C4DA, #FF6163, #CE632A, #00272C)
• Tempered Pier color palette (#FFF1F6, #C7A8FF, #A9B252, #769F6C, #3C222D)
• Wandering Turquoise Veranda color palette (#FFF0FE, #DED2D8, #A5A499, #5EB0CB, #513249)

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