Tempered Amber color palette — #F3D3E5 · #E3753B · #0093C0 · #A14200 · #002E3E

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

The five colors

• Shell Pink (#F3D3E5): A whisper-light, dusty pink — the color of peonies in June.
• Coral Clay (#E3753B): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#0093C0): A luminous, balanced blue — the color of deep harbor water.
• Burnt Sienna (#A14200): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002E3E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged 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

• Aged Cobalt Orchard color palette (#F6D3E0, #E6943C, #0079CD, #8F5300, #002A4D)
• Weathered Azure color palette (#FEE8F1, #E09358, #00A3D8, #A85B0E, #003B51)
• Apricot Boulevard color palette (#FFF2EA, #FF8241, #00A2C4, #A14200, #001C24)
• Linen Plum color palette (#EFD4F0, #E66C7C, #009A94, #B8053F, #00302E)
• Bronze Lagoon color palette (#F4D4E1, #B7671E, #00778A, #6F3900, #002F37)
• Hushed Rust color palette (#F1D8CC, #FFA993, #14ADF5, #C43300, #002C44)
• Worn Amber color palette (#FBE6F0, #CD6500, #008F74, #6D57AF, #351500)
• Weathered Bloom color palette (#C9E7D3, #C6A728, #6565D5, #776100, #211C5E)

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