Cypress Study color palette — #F5F1EB · #C8E3DA · #62A9B2 · #3A7961 · #253C30

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C8E3DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#62A9B2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3A7961): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#253C30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Study 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 Periwinkle color palette (#F5F1EB, #C5E5E6, #72A1CE, #36767F, #422E40)
• Dusty Lagoon Pier color palette (#EBE2D5, #3D858A, #004351, #00201A, #000103)
• Powder Boulevard color palette (#FBF3F1, #C0E2E6, #9DCBFB, #779E75, #38544D)
• Muted Field color palette (#F2F3E6, #9CC088, #B286D4, #597E44, #442731)
• Dusty Petrol Quarry color palette (#F0E8DB, #94BFA9, #0073A7, #004B4D, #001532)
• Tempered Basalt color palette (#F2F3E6, #B6DFDB, #B5B1BC, #858F63, #384300)
• Patina Cerulean Thicket color palette (#F7F1E8, #93DDEE, #008FBA, #00635D, #002741)
• Washed Veranda color palette (#F2E4C3, #BBC585, #749437, #3C6032, #30322B)

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