Tempered Amber color palette — #FEF3EB · #D17845 · #008C81 · #2F5C9E · #3A2726

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Coral Clay (#D17845): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#008C81): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2F5C9E): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3A2726): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Emerald Garden color palette (#FFF2EE, #D67174, #249656, #006588, #39252A)
• Antique Amber color palette (#FDF4E8, #C49425, #008AA4, #6C5396, #39231B)
• Bronze Parlor color palette (#FFF3E9, #A85B00, #006984, #00485B, #39252E)
• Softworn Chapel color palette (#FFF4E2, #DEA461, #8C8B2B, #2B6A90, #413C36)
• Pale Canyon color palette (#FFF2E3, #A96C00, #006C76, #4600B4, #310310)
• Soft Bloom color palette (#FFF4DA, #A5981E, #0068A9, #77268A, #3B1508)
• Coral Parlor color palette (#FEF0FC, #F49089, #6A87C1, #6E5289, #23162A)
• Linen Ultramarine color palette (#ECE7D7, #758400, #0059BA, #6B0F73, #250C00)

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