Hazy Amber color palette — #FEF3E6 · #F8CC8D · #92BDF8 · #B37E22 · #1D395D

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

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F8CC8D): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#92BDF8): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B37E22): A luminous, balanced gold — the color of old brass.
• Navy (#1D395D): 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

• Hazy Amber color palette (#FFF2EA, #FFC5AD, #70C7ED, #C76F47, #134231)
• Airy Moss color palette (#F8F6E4, #C8DE9F, #C6ACED, #799633, #402E58)
• Washed Taupe color palette (#FFF3E5, #EEDAB7, #B9986C, #896144, #34312B)
• Cornflower Veranda color palette (#EAFBEA, #C89544, #5E87D9, #885B00, #2F4361)
• Azure Coast color palette (#E6F7EC, #B7A44C, #009AD0, #766400, #0A2A3E)
• Aged Cocoa color palette (#FFF3E2, #D9E3C6, #C5C3CF, #D7A481, #574000)
• Patina Mustard Cabin color palette (#FFF3E2, #DDB463, #4ABDC7, #AC7FB1, #38280D)
• Tempered Sand color palette (#F7F5EB, #FFE2A6, #727D43, #3A3932, #121003)

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