Tempered Amber color palette — #FFF0F9 · #D37E5F · #5091BD · #616F9D · #4F3B48

Coral Clay and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#D37E5F): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#5091BD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#616F9D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4F3B48): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Patina Blush Summit color palette (#FAF1FF, #D1779C, #3D9A95, #3C7B8E, #483E4E)
• Wandering Amber Villa color palette (#EBF9F0, #A78F28, #6B7DAE, #4F5D87, #314237)
• Muted Summit color palette (#FFF0FB, #D0E3D1, #A0D2DC, #8F7C9C, #56484E)
• Dusty Villa color palette (#FFF0FA, #D4ABB9, #A17466, #67576D, #3B4D41)
• Amber Quarry color palette (#FFEEE1, #CB8B5F, #859655, #99667F, #342315)
• Taupe Bloom color palette (#FFF0F7, #E1A079, #9FAD67, #BA7C9E, #4F3C45)
• Patina Ultramarine Archive color palette (#FFE6CF, #C87F26, #0059C7, #543D9E, #462905)
• Periwinkle Station color palette (#FFF3E9, #EFBA9A, #7DCAE7, #8DA2DE, #47413C)

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