Cypress Loft color palette — #F6F0F3 · #D7D1E5 · #839DC7 · #267A70 · #2F354C

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

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D7D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#839DC7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#267A70): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2F354C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Delta color palette (#F1F7F2, #D7DEEF, #679FCF, #3F7980, #465467)
• Patina Garden color palette (#FFECF4, #C48F6C, #5C92C8, #4D7CAC, #361F2A)
• Petrol Villa color palette (#EFE6EE, #8DBBCE, #0874A2, #004E30, #03113B)
• Nightshade Boulevard color palette (#F1E3E7, #638EB8, #39389C, #002B2E, #080013)
• Dusty Forest Chapel color palette (#F6EFF7, #A1DDDB, #0091B3, #006820, #002649)
• Bronze Garden color palette (#FBEEF3, #D6A982, #5EA7C6, #A55D00, #003749)
• Worn Pier color palette (#FBEDF5, #C1E5EF, #B0B0C2, #AD7B83, #324033)
• Antique Cocoa color palette (#FDEDF4, #AAC3AD, #A2785F, #7C4648, #1D3128)

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