Cypress Lagoon color palette — #FBF2F8 · #BBE3F6 · #6290B2 · #2F7058 · #384864

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Powder Blue (#BBE3F6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6290B2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#2F7058): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#384864): 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 Lagoon 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

• Washed Ash Delta color palette (#FCF2F5, #DBDEEE, #8899BC, #4B7683, #4F5165)
• Faded Cobalt Study color palette (#FEF1FB, #77E0F1, #0089C3, #006A46, #2E3E65)
• Cypress Loft color palette (#F1F3E9, #C9E4D2, #5C97AB, #006C71, #053526)
• Washed Villa color palette (#E8DCE7, #209193, #004357, #00240A, #00091B)
• Jade Market color palette (#E3FBF9, #60B577, #B66F96, #287742, #4B395B)
• Mint Corridor color palette (#E0FBFF, #50CDB2, #178D6B, #00513D, #00382A)
• Navy Coast color palette (#F4DFEB, #4A9BB8, #00498B, #003128, #10083A)
• Antique Petrol color palette (#F9E9F3, #7DBCD0, #006BB3, #005140, #262A4C)

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