Cypress Studio color palette — #F1F7F2 · #C4E1F2 · #5592B7 · #007072 · #2D4A69
A conversation between Teal and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C4E1F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5592B7): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2D4A69): A full-bodied, 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 Cypress Studio 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
- Tempered Azure color palette (#F7EFF3, #C0E2F5, #5192D0, #006F59, #212B44)
- Cobalt Hollow color palette (#EFF8F1, #ACC9E1, #4C7AB2, #005D6D, #293764)
- Softworn Denim color palette (#D9E6DC, #79A7B2, #00636C, #00402C, #00242D)
- Hushed Bloom color palette (#DCEADF, #4F8B93, #004454, #00231E, #000B14)
- Aged Denim color palette (#D8E3DA, #5998B9, #004C81, #002F35, #000943)
- Tempered Periwinkle Thicket color palette (#FCF3EE, #C3E7E4, #66AAEA, #418A75, #5A3D51)
- Muted Lagoon color palette (#E3FAFD, #C9DDF1, #8CD1F2, #56935E, #2E5159)
- Hushed Cypress Alley color palette (#E1FBFF, #7CC5B3, #008276, #005043, #00382F)
Browse the whole catalog at Explore, or see today's palette.