Tempered Cypress color palette — #EDF4EE · #C3E2ED · #449BAE · #086E5B · #112F42

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#C3E2ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#449BAE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#086E5B): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#112F42): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Aged Cerulean Cabin color palette (#EBF5EC, #A4CEE4, #3485AB, #005B59, #01223C)
• Softworn Cerulean Coast color palette (#DFEEE2, #4198A7, #005169, #002C28, #00050B)
• Pine Balcony color palette (#FBF3F1, #CFE2D1, #4395B8, #1D7442, #583D58)
• Driftwood Terrace color palette (#D7FAF7, #BFDFF2, #98C9E8, #708354, #1E393A)
• Patina Navy Delta color palette (#E6F3E8, #4A7EA6, #03367F, #001E26, #01000B)
• Feathered Pine color palette (#DEF8F5, #78B677, #AF78A9, #367538, #3A1837)
• Olive Courtyard color palette (#EFF0D0, #94AD64, #548643, #18592C, #003420)
• Muted Lagoon color palette (#CAFDFD, #81C8A4, #2E8C64, #004F31, #001C0D)

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