Cypress Lagoon color palette — #EDF8F2 · #89BBB0 · #4D8063 · #565675 · #2D4943

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Mint Leaf (#89BBB0): A luminous, dusty teal — the color of glacier melt.
• Fern (#4D8063): A full-bodied, dusty teal — the color of sea glass.
• Graphite (#565675): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2D4943): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Pier color palette (#E7FBF1, #71A79E, #167455, #594060, #133D38)
• Dusty Lagoon color palette (#F2F3E6, #AFB991, #418465, #3A5E4A, #252A15)
• Ancient Lagoon color palette (#EAF9F7, #A2CECC, #5D9F83, #3F7B8E, #284948)
• Cerulean Parlor color palette (#FBF2F8, #C1E2F4, #5391BB, #007266, #354869)
• Mulberry Balcony color palette (#F9F2FF, #CC86AB, #5B9A6F, #934772, #234C32)
• Worn Driftwood color palette (#F8F2FF, #ECD6DC, #DAB690, #9177A0, #5A4962)
• Weathered Pine Lantern color palette (#D1E9E1, #448C56, #005143, #471944, #00220A)
• Feathered Peony color palette (#F9F2FF, #BF6696, #2A8F66, #00727C, #3E3249)

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