Tempered Terrace color palette — #F8EEF5 · #AACEDA · #008AA8 · #005E3F · #00233A

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EEF5): bright and airy, almost weightless.
• Powder Blue (#AACEDA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008AA8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E3F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00233A): 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

• Cobalt Pier color palette (#F8EFF2, #ACCCE7, #5F7BB0, #005A62, #1E1844)
• Turquoise Alley color palette (#F5F6EE, #BAE2E9, #40B9C6, #008075, #00353F)
• Muted Petrol Corridor color palette (#EBF2FF, #E0D2FF, #DB9ABA, #00718E, #241C3D)
• Worn Drift color palette (#F1E4EE, #3B858D, #004257, #002016, #000104)
• Antique Navy Studio color palette (#EADDE3, #5093B5, #00488D, #002C2C, #02001C)
• Hushed Indigo Parlor color palette (#E0E7FF, #786DC6, #A6551D, #5B6100, #0C112D)
• Nightshade Dune color palette (#D0E9EF, #419AC5, #2A69C1, #2E2990, #281548)
• Pale Ultramarine color palette (#DFEAF8, #6492D5, #927A00, #0050AE, #231C00)

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