Cypress Studio color palette — #F6F6ED · #CBE5C9 · #53979B · #177163 · #2F503A

Teal and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Celadon Mist (#CBE5C9): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#53979B): A luminous, dusty blue — the color of open sky before noon.
• Teal (#177163): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2F503A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Chapel color palette (#F7F0ED, #CFE3CE, #5299AB, #107045, #053528)
• Hushed Cerulean Pier color palette (#F5F6EE, #A7D1B4, #1F859E, #005F61, #094154)
• Muted Cerulean color palette (#ECEEDA, #559CA4, #005360, #00302E, #00171F)
• Cerulean Thicket color palette (#F4F6EF, #C6E4D8, #618FB5, #276B81, #563D59)
• Aqua Terrace color palette (#EEF8F5, #CAE0F5, #4BD3DD, #51AA9A, #284D5C)
• Dusty Fern color palette (#F3F8E5, #C1EDD2, #90D4E2, #6B8B5F, #405006)
• Wandering Emerald color palette (#F4F9DC, #5C9A5C, #008B9C, #8A6006, #383932)
• Tempered Abyss Terrace color palette (#F0FBD5, #95CBA0, #3E8155, #005128, #003418)

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