Tempered Terrace color palette — #F6F1E9 · #ABD2BB · #2C85AF · #005B5A · #00223E

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Pistachio (#ABD2BB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2C85AF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Hushed Cobalt color palette (#FAF3F7, #A9CBDC, #257EBE, #00624A, #2B3A59)
• Hushed Sapphire color palette (#F0E8DC, #94BEB2, #3868BC, #00495A, #0E0B3F)
• Antique Market color palette (#F5F1EB, #C4E5D9, #6E90BC, #006A7C, #3D2038)
• Lagoon Meadow color palette (#EBE2D3, #519894, #00545C, #002D1F, #000508)
• Wandering Azure Boulevard color palette (#F1F7F2, #B2DBF1, #1DA2D9, #007C7A, #253D54)
• Denim Bloom color palette (#EDE5D8, #69A5C1, #005D92, #00393D, #000922)
• Airy Delta color palette (#FFE0DF, #B15A87, #747300, #006484, #270518)
• Mulberry Meadow color palette (#F9E3E3, #BD76A3, #109265, #940372, #002315)

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