Tempered Cypress color palette — #F9F4ED · #BAE5EA · #5AB6C1 · #307F62 · #003442
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Powder Blue (#BAE5EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#5AB6C1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#307F62): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003442): 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 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
- Periwinkle Lagoon color palette (#FBF4E9, #C2E5F7, #6CACE8, #007D8B, #1C2D50)
- Ancient Lagoon Boulevard color palette (#F9F4EE, #C1E0E9, #8BC4DE, #3F928B, #18493D)
- Ancient Emerald Basin color palette (#FDF3F0, #D2E7CF, #4BC2E2, #599F55, #0E3D62)
- Denim Coast color palette (#EAE3D9, #6CB0B1, #005F6E, #002C22, #000102)
- Washed Studio color palette (#F8EDDB, #7FC2DB, #006EA2, #003D40, #00020A)
- Aged Forest Harbor color palette (#F5F0F6, #97D5D0, #008AA5, #265D20, #02223B)
- Coral Veranda color palette (#FFF0FD, #74A4FF, #E16D6D, #4B9145, #291028)
- Tempered Meadow color palette (#F9F4EE, #C6DEEF, #C3BCE9, #669BAC, #5C4555)
Browse the whole catalog at Explore, or see today's palette.