Cypress Loft color palette — #F6F0F3 · #D4DCEC · #809FC3 · #1D7C6A · #2B3550

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D4DCEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#809FC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1D7C6A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2B3550): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Ash color palette (#F1F7F2, #D6DEF0, #6DA0C2, #3C7A7D, #455466)
• Petrol Villa color palette (#E4F5FD, #86BECA, #C58F5C, #008094, #472533)
• Lagoon Grove color palette (#E5F4FF, #D9D7E5, #D5B8D5, #4F9589, #344151)
• Dusty Alley color palette (#D2F9FB, #7BC3C0, #3B9AB5, #196499, #283958)
• Hushed Canyon color palette (#EADFE6, #63A7BD, #005B9A, #003B2E, #07002F)
• Abyss Atelier color palette (#EFE5EF, #8BBCCB, #007698, #004F21, #001532)
• Misty Indigo Terrace color palette (#FCEDF2, #AFD4F7, #6B78DB, #006165, #30134B)
• Chestnut Boulevard color palette (#E8F6EA, #A5C3B6, #6B8C72, #744E38, #17322E)

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