Tempered Amber color palette — #FFEEE4 · #D9815B · #764F04 · #3F3630 · #26201E

A conversation between Coral Clay and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Coral Clay (#D9815B): A luminous, balanced orange — the color of autumn markets.
• Coffee (#764F04): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3F3630): quiet, heavy and certain.
• Onyx (#26201E): a grounded near-black with real depth.

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

• Muted Blush Studio color palette (#FFEDEB, #DD749E, #824525, #413433, #262021)
• Weathered Amber color palette (#F8F1E4, #BB9700, #605A06, #3C372E, #25211C)
• Weathered Stone Pier color palette (#FFF0F8, #DB9E83, #654D54, #36252F, #130D13)
• Muted Ridge color palette (#FFEAD5, #BD7200, #4C4618, #322312, #1A0E08)
• Hushed Bloom color palette (#F9EEF5, #EAA387, #6B8272, #624E5A, #251F27)
• Mustard Ridge color palette (#FFF3E2, #D2AB57, #87A6D5, #9482AD, #593C00)
• Softworn Honey color palette (#FFF3E2, #E7BE6E, #84B5EE, #A5884F, #5A445C)
• Tempered Alley color palette (#FFF2EE, #EDCAAD, #B7AC90, #91818E, #5A4A57)

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