Tempered Terrace color palette — #FCF4E7 · #D7D8E7 · #30BBFF · #008789 · #10365C

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Silver (#D7D8E7): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#30BBFF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008789): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#10365C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Quiet Loft color palette (#FBF4EA, #D6E4F9, #09A3F3, #007178, #002251)
• Aqua Lagoon color palette (#F9F4ED, #BDE3EC, #6CC9E6, #419284, #28463B)
• Tempered Petrol Pier color palette (#F5EDE0, #5EC7E0, #007197, #003E3C, #000308)
• Antique Cerulean color palette (#E8F9F7, #A9D5EE, #008BB7, #00656F, #004565)
• Weathered Powder color palette (#F8F5EF, #C3DFEE, #BDBEF3, #5A9DAC, #5A4656)
• Washed Boulevard color palette (#FAF4EB, #95DAD9, #008A9A, #00533F, #000F16)
• Softworn Villa color palette (#E4DED4, #7EA6CF, #0B3DCF, #002936, #01000A)
• Washed Pier color palette (#E8FED7, #D1F1FF, #BED1EE, #74B67A, #003F38)

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