Hazy Amber color palette — #FFF1F5 · #DF8D15 · #646400 · #6E4200 · #010100

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#DF8D15): A luminous, balanced gold — the color of old brass.
• Olive (#646400): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Garnet Coast color palette (#FFF0FA, #ED7E63, #835400, #8C1F00, #020100)
• Amber Ridge color palette (#E0EEE3, #B18700, #4A5300, #4C3800, #010100)
• Moss Boulevard color palette (#E9FAF3, #A1AC28, #007341, #4D5300, #000201)
• Powdered Moss Ridge color palette (#FDDB81, #B3A007, #626400, #262E00, #020500)
• Gentle Emerald color palette (#E4FCEE, #DFC300, #419400, #7B6B00, #000200)
• Misty Harbor color palette (#FEECE0, #C25000, #2F4E00, #5C2200, #010100)
• Patina Chestnut color palette (#F0F7F1, #CCDEDB, #A7C2B3, #7E5700, #031104)
• Patina Tangerine Bloom color palette (#F1E4EB, #FF8046, #679300, #C24B00, #000503)

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