Cypress Loft color palette — #F6F1E9 · #CFE2D1 · #4C9AAE · #006E5D · #003145

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Celadon Mist (#CFE2D1): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4C9AAE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003145): 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

• Cerulean Lagoon color palette (#F5F1EB, #AED1BD, #3B84AB, #005B5B, #01223E)
• Ancient Petrol Grove color palette (#F6F1E9, #C3E5DA, #6F8FBF, #00697F, #3C2236)
• Wandering Lagoon Garden color palette (#D6ECC6, #65BDB5, #008F93, #005762, #003646)
• Dusty Garden color palette (#F9F3F9, #C1E3EF, #3C95BB, #35704A, #344964)
• Wandering Denim Alley color palette (#EFE6DA, #4F96A5, #00516B, #002C29, #00050C)
• Worn Lagoon color palette (#E1F9E8, #BBE2E5, #BCCAFB, #00948E, #1F382E)
• Antique Balcony color palette (#E4F8EA, #389CB0, #A9629E, #806800, #082515)
• Antique Navy Corridor color palette (#EAE3D7, #547DA0, #00318C, #001E27, #01000B)

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