Cypress Loft color palette — #FAF3F7 · #C5E1F1 · #5A90BA · #007268 · #374863

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#C5E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#5A90BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#374863): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Turquoise Courtyard color palette (#ECF8F6, #CEDEFD, #61B0D4, #1F8996, #2D4B62)
• Softworn Archive color palette (#F1F3EB, #C1E7D2, #3E99BF, #006B76, #093429)
• Wandering Canyon color palette (#FCF2F6, #AFC8DE, #4E77BE, #005F65, #35365C)
• Cobalt Basin color palette (#F2F5FF, #DFD7E1, #EEB4B9, #5086BC, #4C4A61)
• Wandering Hollow color palette (#EBE1E8, #4C8C94, #004358, #002319, #000A18)
• Muted Bronze color palette (#F2F5FF, #867FC0, #897D00, #617202, #2F3652)
• Tempered Navy color palette (#ECDDE4, #6F95AF, #00498C, #003030, #0C0047)
• Muted Teal color palette (#FBF3EE, #C1ECE9, #8EC4EF, #55A99E, #563F53)

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