Tempered Amber color palette — #FFDCDD · #D58759 · #846000 · #394B00 · #003723

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

The five colors

• Shell Pink (#FFDCDD): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#D58759): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#846000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#394B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003723): 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

• Gentle Olive color palette (#FFDBCA, #B9923C, #636F00, #005124, #003839)
• Aged Bronze color palette (#FFD7EC, #D67883, #9A550C, #514100, #273800)
• Hazy Bronze Villa color palette (#FEECE2, #D8A964, #9D8000, #585800, #203600)
• Faded Orchard color palette (#FFD4D4, #FFAD79, #BA9600, #618200, #003F21)
• Muted Bronze Studio color palette (#EFD8D4, #B86400, #594900, #162D00, #001B13)
• Wandering Amber Station color palette (#DEF7DD, #C46946, #566200, #343972, #442A06)
• Amber Courtyard color palette (#E8FBEA, #FFA3A0, #CC9500, #008F5B, #322D00)
• Timeworn Chestnut Quarry color palette (#FBF2F6, #D0DEDC, #A0BAB3, #86573A, #43363C)

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