Tempered Terrace color palette — #ECF8F7 · #ACC9DE · #437EA8 · #005D71 · #1D3D5B

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sky (#ACC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#437EA8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D3D5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Terrace 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

• Wandering Cobalt color palette (#F9EEF3, #AECCE1, #557EB3, #005B5D, #191C3F)
• Dusty Cypress color palette (#EEF7F5, #BDE4EF, #50979D, #007265, #274D5D)
• Patina Archive color palette (#E1F3EF, #78BFC4, #007684, #00504B, #00343F)
• Ancient Sky Veranda color palette (#F4F7EC, #C2EBDA, #5BBBFF, #1D9ABA, #1F3C5A)
• Navy Grove color palette (#DFEDED, #5386AB, #003E6D, #00202D, #00081E)
• Timeworn Lagoon Corridor color palette (#D4F6FB, #00A58D, #6771BB, #006556, #292E65)
• Denim Loft color palette (#DCF3F3, #77A4CA, #0857A0, #003B51, #011A4E)
• Feathered Corridor color palette (#BFEEF9, #008C86, #286CBE, #4E6407, #003331)

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