Tempered Terrace color palette — #ECF1E3 · #A2C9ED · #5A89C3 · #00668C · #152B59

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF1E3): bright and airy, almost weightless.
• Sky (#A2C9ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5A89C3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00668C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#152B59): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. 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 Cerulean color palette (#EFF0E2, #8CD2D9, #0097AC, #006C68, #003441)
• Cornflower Lantern color palette (#EBF8F8, #D6DBF7, #3792FB, #006489, #0D1D3C)
• Airy Grove color palette (#F8EAEE, #ACD9FF, #7AA0FF, #008F9E, #2D2652)
• Turquoise Bloom color palette (#F4F7E6, #A3E8F9, #00ACD6, #008188, #004660)
• Dusty Harbor color palette (#F5EDE5, #8BBDAF, #4461BA, #004E58, #2E2553)
• Antique Petrol color palette (#E8ECDE, #6BABCA, #006DA0, #004856, #001529)
• Linen Teal Terrace color palette (#C3E8D8, #00B295, #008B7C, #005A56, #00393A)
• Hushed Cornflower color palette (#D7EAD8, #00999D, #4B75D4, #477900, #002526)

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