Cypress Loft color palette — #F9F3F7 · #D4E1F4 · #6FA0BF · #3E7D5F · #42536F

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D4E1F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6FA0BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3E7D5F): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#42536F): A full-bodied, dusty violet — the color of wild irises.

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

• Tempered Sky Harbor color palette (#F1F7F2, #D4E0F0, #6DBEDB, #4C958B, #3F5568)
• Cypress Thicket color palette (#F5F1EB, #C6E3DF, #61A7C1, #257A70, #203D34)
• Patina Lagoon color palette (#E9FAF0, #8FBCA3, #8098C9, #817300, #3C4E6A)
• Hushed Denim color palette (#E6DCE5, #78A7B8, #005F83, #004125, #051B49)
• Dusty Driftwood Chapel color palette (#E9FAEF, #C9E2E8, #B4AFB9, #A5775D, #3C554D)
• Navy Dune color palette (#ECDFE7, #60869B, #003E6E, #00231B, #06002B)
• Misty Dune color palette (#FFF1F7, #ABD4F1, #4C7ECF, #00675E, #3F3470)
• Cobalt Terrace color palette (#E6FAF6, #83A277, #5B90B4, #5A72B9, #2A4944)

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