Tempered Amber color palette — #D7E7D6 · #BB7D00 · #625128 · #432A00 · #0A0205

A conversation between Mustard and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Celadon Mist (#D7E7D6): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#BB7D00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#625128): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#432A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0A0205): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Hushed Amber Workshop color palette (#F3D7E3, #CF6E0D, #6B4D28, #452334, #0B0107)
• Dusty Moss Drift color palette (#D2E8DD, #979000, #2D5E50, #133829, #000602)
• Hushed Bronze Lagoon color palette (#DFF1E6, #8E7800, #454501, #241D00, #000301)
• Cellar Chestnut color palette (#F8E3C9, #744B00, #2E3732, #251700, #0A0400)
• Wandering Mustard Canyon color palette (#D8E9E1, #B3AF44, #54796D, #375044, #111B15)
• Softworn Delta color palette (#E4DECF, #C4AA38, #9A8C00, #706F00, #2A2F00)
• Dusty Jade color palette (#DCEFEF, #00BE84, #227766, #0F4E36, #001615)
• Hushed Ember Archive color palette (#D7F2E5, #A6A529, #00AE90, #DD5500, #222100)

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