Cypress Loft color palette — #F5F1EB · #CAE4D1 · #5A97AE · #006D64 · #043529

A conversation between Teal and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#CAE4D1): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5A97AE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#043529): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Cypress Loft 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

• Patina Petrol Drift color palette (#F6F1EA, #C8E3DA, #6D8FBF, #006A7E, #21294C)
• Denim Drift color palette (#EEE5D8, #5194AA, #004F72, #002C2C, #00040E)
• Dusty Lagoon color palette (#E2F8EC, #BCE4EA, #B3BFF1, #1D8A8C, #193A2E)
• Cerulean Loft color palette (#FBF2F8, #BFE3F2, #3793C8, #257251, #394861)
• Hushed Amber color palette (#E8F6ED, #64B1C2, #C47563, #007183, #43180F)
• Driftwood Terrace color palette (#DDFAEA, #209CBD, #AB6393, #796C00, #062517)
• Tempered Petrol color palette (#EFE8DC, #85BECD, #00759D, #004B49, #00172B)
• Washed Lagoon color palette (#FBF3F0, #C2E0E9, #7DC4F4, #00996C, #313E60)

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