Tempered Cypress color palette — #F6EFF4 · #C2E2F2 · #6194B6 · #006E61 · #182B4D

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

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Powder Blue (#C2E2F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6194B6): A luminous, dusty blue — the color of open sky before noon.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#182B4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cerulean Archive color palette (#EEF7F6, #BBE3F8, #3197BB, #0A6F77, #2F4B5F)
• Cobalt Hollow color palette (#F7EFF3, #B0CCE0, #4F7DBA, #005B5D, #191C3E)
• Hushed Basin color palette (#F8E9F3, #458489, #004254, #002015, #000104)
• Sky Boulevard color palette (#FBF3EF, #C2E7E3, #4EAFE8, #398A7C, #553F54)
• Chalky Emerald color palette (#F8EDFF, #C36E90, #3C9459, #007C6E, #271530)
• Weathered Denim Courtyard color palette (#EEDDE3, #7BA1C1, #3251A7, #00383F, #0C002B)
• Mulberry Ridge color palette (#F4EFFF, #C68FBD, #16A390, #923F88, #002F28)
• Sapphire Bloom color palette (#FFECF3, #94C2E1, #1366EC, #005156, #180052)

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