Cypress Studio color palette — #F0F7F1 · #C2E3EC · #3A99A6 · #007457 · #114F62
Pine and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#C2E3EC): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3A99A6): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007457): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#114F62): 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 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
- Weathered Cypress Lantern color palette (#F1F7F2, #D6DEEF, #759FBD, #197D83, #42546A)
- Cerulean Archive color palette (#F5F0F5, #B9E5F1, #3B9AB8, #386C3D, #1C2E40)
- Washed Bloom color palette (#EEF8F0, #ABCBD9, #0884A7, #006058, #003F60)
- Abyss Studio color palette (#DDE8DF, #579CA3, #005264, #003129, #001623)
- Aqua Orchard color palette (#F9F4EC, #C0ECDF, #7BCCD9, #63A88E, #344F41)
- Ancient Harbor color palette (#E5FAF7, #C6E5F5, #9BCFE1, #6E7C3C, #285251)
- Olive Ridge color palette (#E7FAF6, #88AB7A, #9D77B7, #387711, #4F365F)
- Tempered Pine Veranda color palette (#D4FFFD, #96C39C, #2E8553, #00531E, #00371A)
Browse the whole catalog at Explore, or see today's palette.