Cypress Loft color palette — #F5F1EA · #CBE4CA · #539AA5 · #216D56 · #0A3524
Built around Pine, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Celadon Mist (#CBE4CA): A whisper-light, dusty green — the color of fresh herbs.
- Storm Blue (#539AA5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#216D56): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#0A3524): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Cerulean Balcony color palette (#F5F1EA, #C2E6D2, #5895BA, #016C6E, #372439)
- Wandering Cerulean Archive color palette (#E7DFD3, #329AA5, #005265, #002C26, #00050A)
- Pine Pier color palette (#F8F3F9, #C6E2EA, #4795B1, #2A733B, #334A62)
- Soft Olive color palette (#F0F0DA, #A8B36A, #688C3D, #2B5B24, #262F08)
- Petrol Ridge color palette (#EFE8DD, #9ABE9E, #00788C, #004D3F, #001924)
- Wandering Glacier Lagoon color palette (#F0F5DF, #B9F2F6, #90D5D7, #717C4D, #2D2F29)
- Pine Lantern color palette (#D7FEDC, #8CC7A0, #3A8553, #004D23, #001E09)
- Weathered Olive Alley color palette (#F2F4E0, #82B470, #A979B2, #42732F, #341C39)
Browse the whole catalog at Explore, or see today's palette.