Cypress Loft color palette — #F6F1EC · #C8E3E5 · #8A9BC7 · #277977 · #482C39

Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Silver (#C8E3E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8A9BC7): A luminous, dusty violet — the color of wild irises.
• Teal (#277977): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#482C39): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: 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

• Dusty Petrol Dune color palette (#F8F4EE, #C8E8EB, #7D9BC4, #31798A, #604A5B)
• Olive Corridor color palette (#F5F2E3, #ACBB86, #AE8BC8, #687C00, #3B2848)
• Weathered Summit color palette (#FEEAE6, #448584, #004254, #002105, #000104)
• Washed Cobalt color palette (#FAEFE9, #B0D0C0, #567EB1, #005D50, #1D1844)
• Ultramarine Drift color palette (#EBDFD5, #6EA4C4, #254FB3, #003A36, #0E0029)
• Lilac Market color palette (#F4F3DF, #8CA76E, #A47BB5, #8D679D, #2A280F)
• Hushed Cabin color palette (#FFEEDE, #CDBC8A, #89944E, #356729, #32362F)
• Washed Harbor color palette (#FAF0E8, #CCB89C, #AD7446, #7A474A, #322C17)

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