Tempered Amber color palette — #F4ECF0 · #C8DBD6 · #9FC4C7 · #DB6F3C · #3B2633

Coral Clay and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F4ECF0): a clean, paper-quiet neutral.
• Silver (#C8DBD6): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9FC4C7): A luminous, dusty blue — the color of deep harbor water.
• Coral Clay (#DB6F3C): A luminous, balanced orange — the color of toasted spice.
• Espresso (#3B2633): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Garden color palette (#EAF1EA, #C8D6D6, #A5BDC7, #BF8600, #223323)
• Aged Bronze color palette (#FBF2F6, #C9DBDD, #A1C0C8, #A86236, #271A20)
• Muted Boulevard color palette (#F1ECF4, #E0CED0, #ACC9C0, #DC6294, #322A36)
• Patina Lagoon color palette (#EFE7E2, #D7C9B6, #AAA487, #804028, #1E130D)
• Hushed Station color palette (#F2D5DE, #D0A6A6, #8F996F, #8C6B93, #3A3355)
• Worn Lapis color palette (#F5D4DF, #EF8790, #A58400, #6147D1, #401400)
• Timeworn Canyon color palette (#E1ECE4, #A2B4B6, #78A1B5, #8C6D00, #07180C)
• Worn Amber Dune color palette (#E3F5E4, #B97F00, #2D5E51, #412B02, #0A0207)

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