Tempered Cypress color palette — #FBF2F9 · #C2E2EF · #5692B4 · #327050 · #334868

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#C2E2EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5692B4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#327050): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#334868): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cypress 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

• Dusty Grove color palette (#F5F1EA, #CCE3D1, #4F99B1, #006E62, #003048)
• Washed Cobalt Thicket color palette (#FBF2F7, #ABCADC, #4A7BB0, #006150, #33355F)
• Lagoon Balcony color palette (#F1F7F2, #CDDFF5, #6EB0C6, #1A8D7F, #234C65)
• Lagoon Drift color palette (#F2E7F4, #2F918E, #004454, #002504, #000A18)
• Bronze Villa color palette (#E9F8FF, #0899AE, #B46139, #845900, #1D3C49)
• Petrol Quarry color palette (#E9F8FF, #72C8E2, #007E9E, #004B63, #00313D)
• Wandering Onyx color palette (#EDE0E8, #579AAD, #004D7F, #003124, #0B0344)
• Turquoise Harbor color palette (#EAF8FF, #36B0CB, #BC726C, #007286, #62332F)

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