Tempered Cypress color palette — #EFF7F8 · #CCDDEC · #98C4D2 · #007C68 · #334345
Teal takes the lead with Ash close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#EFF7F8): a clean, paper-quiet neutral.
- Silver (#CCDDEC): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#98C4D2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007C68): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#334345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Antique Cypress color palette (#E5F6F6, #CAD8E7, #A7C4D6, #1D7D5F, #16292A)
- Lagoon Harbor color palette (#F3F7EF, #C9E2DB, #A1CBCA, #339B79, #304903)
- Worn Field color palette (#EDF6FF, #C4D4E8, #8FA6D8, #006094, #273440)
- Washed Thicket color palette (#E0E6EB, #98ACBF, #6581A5, #003D55, #07151F)
- Quiet Seafoam color palette (#E5F9FF, #2EF7D2, #00C5C6, #0094AD, #003E44)
- Aged Balcony color palette (#EAF8F9, #D0DBE8, #B6A8B2, #4EBC90, #2B4546)
- Washed Cobalt color palette (#B1F0FC, #76C1E3, #4D85B9, #6C517A, #5F345A)
- Nightshade Lagoon color palette (#D7FFF8, #00A09C, #006C7D, #413489, #003E41)
Browse the whole catalog at Explore, or see today's palette.