Cypress Loft color palette — #FCF2F9 · #D5D4E2 · #65B0D7 · #00816B · #162F4D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF2F9): a clean, paper-quiet neutral.
- Silver (#D5D4E2): a clean, paper-quiet neutral.
- Cyan (#65B0D7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00816B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#162F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Softworn Lagoon color palette (#FCF2F7, #D8D4DF, #8FBEF8, #009596, #353C62)
- Misty Turquoise Harbor color palette (#FFF0FA, #B1FFFE, #00ABCB, #00764B, #00283E)
- Antique Pier color palette (#FCF2F6, #D6DEFB, #6492DC, #00696F, #191449)
- Weathered Sky Pier color palette (#F5F6EF, #C4ECCF, #3DC4E5, #009FA1, #1D4333)
- Tempered Cerulean color palette (#E8F5F3, #A0D0E4, #1389A4, #005B5D, #002532)
- Weathered Denim Market color palette (#EEDFE9, #72ACBC, #005B85, #002C26, #000106)
- Quiet Pine color palette (#DFFCFB, #88D3A4, #D188CB, #008D52, #3D153B)
- Weathered Market color palette (#DDFDFB, #D3E0ED, #BCB4CA, #8AA646, #133A3D)
Browse the whole catalog at Explore, or see today's palette.