Tempered Amber color palette — #E0F1FF · #58B3E4 · #D8784B · #007BAB · #5A2202

A conversation between Coral Clay and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#58B3E4): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#D8784B): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#5A2202): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, 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

• Tangerine Alley color palette (#E1FDF1, #65CCFF, #F1854A, #0081AF, #411C07)
• Sunlit Chapel color palette (#D9F4FE, #2BBCCB, #DC6D82, #00818C, #5E1829)
• Indigo Villa color palette (#F0F5FF, #A6B5E8, #E38C5A, #6075E0, #633417)
• Bronze Chapel color palette (#E1F4EB, #239AC8, #B55E00, #005F7F, #542800)
• Airy Lapis color palette (#E9EEFF, #A29DEA, #BF9717, #6748DC, #433300)
• Rust Grove color palette (#D6E6FF, #7091E9, #C96864, #CB4200, #1C294E)
• Azure Lagoon color palette (#D6E7F9, #489DE5, #9A4C00, #00568F, #2D1200)
• Muted Thicket color palette (#F0F5FF, #B0C5EB, #AABA77, #6F85DF, #495228)

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