Tempered Amber color palette — #FFF2ED · #F9B39D · #D48350 · #9F6B3D · #56514B

A conversation between Coral Clay and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#F9B39D): A whisper-light, balanced orange — the color of sun-warmed clay.
• Coral Clay (#D48350): A luminous, balanced gold — the color of old brass.
• Walnut (#9F6B3D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#56514B): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Dusty Market color palette (#FCF3EC, #DCC7B0, #BD9073, #A1633F, #5F4100)
• Coral Courtyard color palette (#FFF2F0, #EA9387, #B97750, #806035, #50524A)
• Timeworn Blush color palette (#FFF1F2, #F6AFCF, #D77691, #A7696D, #514A46)
• Mustard Thicket color palette (#FFEEDA, #E7C685, #B5A547, #7A7B3A, #515049)
• Quiet Amber Courtyard color palette (#F7EAE0, #CD8500, #9A7000, #645200, #2D2B00)
• Apricot Garden color palette (#FFF3E7, #E1A266, #49BAAC, #9D86BA, #47413C)
• Weathered Veranda color palette (#EFE0DB, #A84E00, #6B3B00, #3B2600, #0C0700)
• Faded Olive Loft color palette (#F2F0DF, #7F8400, #415B00, #0A3E02, #001909)

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