Cypress Lagoon color palette — #EFF7F7 · #D0DBE2 · #9EB9BE · #287356 · #313D3E

Built around Pine, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D0DBE2): bright and airy, almost weightless.
• Ash (#9EB9BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#287356): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#313D3E): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Lagoon color palette (#F3F7ED, #CBDFD7, #ACC4C1, #598E6D, #393C32)
• Aged Cypress Harbor color palette (#E9F9F8, #6DAA8E, #00745E, #235452, #173C3D)
• Hushed Cerulean color palette (#EFF6FA, #D7DAE1, #B4AAB1, #60889D, #4A545A)
• Softworn Petrol color palette (#EFF6FD, #D7D8E7, #A9BEDC, #0071AA, #35414C)
• Worn Parlor color palette (#E1EDF1, #95AEB8, #638496, #004041, #01171E)
• Chalky Mint Archive color palette (#E3FAFF, #62DBAA, #00B6A6, #008A98, #053842)
• Muted Chapel color palette (#E8EFF7, #C2CDDD, #92A1BF, #00559C, #222F3D)
• Timeworn Lagoon color palette (#D9F6EF, #009B88, #00676D, #2E387A, #003740)

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