Hazy Amber color palette — #FFDFDA · #E87E00 · #876300 · #4A4900 · #123F00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDFDA): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#E87E00): A luminous, vivid gold — the color of old brass.
• Ochre (#876300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4A4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Forest (#123F00): A deep, shadowed, balanced green — the color of fresh herbs.

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

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

• Frosted Dune color palette (#FFE2D4, #FFB66A, #D59E00, #877E00, #313E00)
• Quiet Coral color palette (#FFDBE8, #FF7B73, #A74E00, #5F3F00, #373800)
• Apricot Summit color palette (#FFD9DE, #FC9662, #B87D00, #576500, #00411F)
• Softworn Bronze Field color palette (#FFE6D0, #9B7A00, #4B5000, #012D05, #001811)
• Dusty Ember color palette (#DEFFE4, #DB6400, #676300, #273E8A, #4A2F08)
• Mustard Meadow color palette (#FFF3E4, #BCAE3F, #65843C, #12613B, #00453F)
• Feathered Marigold color palette (#E1FFE0, #FFB7AE, #EE9902, #669724, #3C2F00)
• Navy Balcony color palette (#FFF1F7, #BB6300, #00685F, #29328B, #3D1556)

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