Cypress Lagoon color palette — #ECF8F6 · #91B8BB · #228286 · #7A4C3B · #27494C

Teal and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Ash (#91B8BB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#228286): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#7A4C3B): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#27494C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, 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

• Softworn Basin color palette (#EBF9F0, #91BAAD, #4C8256, #655072, #284A40)
• Chestnut Market color palette (#F0F4E6, #ABB995, #32866F, #655400, #232A17)
• Ancient Driftwood color palette (#E5FAFA, #C7DFF5, #A1C6E6, #6E8751, #37595C)
• Hazy Peony Hollow color palette (#E4FAFA, #73AF8B, #B86AA6, #007949, #5D3053)
• Tempered Cypress Harbor color palette (#FAF2F8, #C9E1EC, #5792B3, #007361, #314969)
• Tempered Raspberry color palette (#D9FEFD, #439D70, #A9599C, #9C486D, #134040)
• Hushed Fern Cabin color palette (#FFF1F5, #A89B69, #596B1E, #155843, #193E2A)
• Hushed Orchard color palette (#D2EBE5, #689880, #00625D, #264800, #003031)

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