Tempered Terrace color palette — #F4F6ED · #A6D0BE · #257FB7 · #005D71 · #133D62

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

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Pistachio (#A6D0BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#257FB7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#133D62): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Lagoon Garden color palette (#F5F6EE, #B3CEB0, #00898E, #006152, #00434B)
• Softworn Cobalt color palette (#F8F0EA, #A7D3C0, #427EC4, #005B5C, #181D3E)
• Patina Drift color palette (#DDE0D7, #5587A7, #003F6A, #00212C, #00091C)
• Worn Petrol color palette (#F4F6F0, #CBE1E1, #6BA0C2, #2E7A8B, #2B5349)
• Worn Sky color palette (#EDF8F7, #C2E5FF, #74BAEE, #2F9AB6, #203C59)
• Muted Indigo color palette (#E5F3E2, #2FA196, #6C6BC9, #00655D, #2F2D63)
• Aged Veranda color palette (#ECF0E4, #79AA9C, #0058A0, #003B50, #021C4A)
• Jade Archive color palette (#D4ECDC, #52AF88, #008166, #005A4C, #00433D)

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