Tempered Amber color palette — #FFDCDA · #E37F36 · #836100 · #3B4B00 · #003A29

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDCDA): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#E37F36): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#836100): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3B4B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#003A29): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Tempered 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

• Weathered Quarry color palette (#F4E8DB, #BF9138, #836800, #433E00, #1A1B00)
• Linen Marigold color palette (#FFDCC9, #D19500, #537000, #004D2E, #003837)
• Hushed Coral color palette (#FFD0ED, #E56D74, #A35000, #514000, #1F3D00)
• Faded Veranda color palette (#FFDDD7, #FAB587, #CA9700, #6E7D00, #023807)
• Ancient Bronze Meadow color palette (#F4D8D4, #B66900, #564B00, #133000, #001C13)
• Hazy Ridge color palette (#FFDFB6, #D7AF61, #987D1D, #5F5800, #333800)
• Ember Grove color palette (#FFEBD0, #DA5700, #536300, #2E3B70, #342F2A)
• Aged Marigold color palette (#FFF3E3, #FF9DAA, #D39800, #258A5F, #312F28)

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