Cypress Loft color palette — #F7EFF2 · #D9D0E4 · #889DC0 · #2B7975 · #303350

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

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#D9D0E4): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#889DC0): A luminous, dusty violet — the color of wild irises.
• Teal (#2B7975): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#303350): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Dusty Petrol color palette (#F1F7F2, #D9DDEE, #7D9BC3, #2F7A8A, #475368)
• Spruce Lagoon color palette (#EADFEB, #4E818E, #004352, #012103, #000104)
• Petrol Harbor color palette (#F1E5EE, #92BACE, #1F71A8, #004D39, #0B0E3C)
• Aged Lagoon color palette (#FCECF9, #C88A81, #46A086, #098D70, #32202F)
• Washed Cerulean color palette (#F9EEF8, #A1DCE2, #008EC0, #00663A, #022057)
• Tempered Ash Chapel color palette (#F7EEFC, #EAD4D5, #B4E2CF, #9C87B3, #433340)
• Washed Chestnut color palette (#EAF6E9, #A7C3B2, #6F8C6C, #784A3E, #16322B)
• Ultramarine Atelier color palette (#FAEBF1, #72A3BF, #1D4FB6, #003A35, #0D002A)

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