Cypress Loft color palette — #F7EFF5 · #C6E1ED · #5297B8 · #046F59 · #162D46

A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Powder Blue (#C6E1ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5297B8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#046F59): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#162D46): 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

• Tempered Cerulean Station color palette (#EFF7F6, #C5E2EE, #4197AC, #007170, #254D62)
• Cobalt Parlor color palette (#FBEEF5, #A7CDE5, #5280AB, #005C58, #141D3F)
• Dusty Denim color palette (#EEE2E9, #4F95A9, #004E77, #002C27, #000219)
• Hushed Pine Study color palette (#E1F7F7, #73B490, #AC75B9, #00784B, #351B3B)
• Softworn Dune color palette (#FCF3EF, #C2E8E2, #6CAED0, #008F75, #563E58)
• Weathered Powder color palette (#DEF8F7, #AEE9FA, #91CCE9, #7F875A, #133436)
• Lagoon Boulevard color palette (#CAFDFF, #86CDB1, #358E6B, #005037, #001B13)
• Misty Pine Lantern color palette (#EAE6B7, #99B471, #3C8A4E, #005B42, #00332D)

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