Cypress Lagoon color palette — #F7F2E1 · #7BAF81 · #007568 · #653640 · #1B1F03

A conversation between Teal and Jade, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F2E1): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7BAF81): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007568): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#653640): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#1B1F03): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Grove color palette (#FEEFE1, #A8A270, #437329, #5D394E, #231B06)
• Patina Studio color palette (#F4F8E3, #50B08C, #007368, #5D4151, #343730)
• Softworn Drift color palette (#EEE3D0, #78A630, #006C49, #53256B, #0F1A00)
• Lagoon Delta color palette (#F5F1EA, #C4C7A0, #4A927D, #75595E, #31322B)
• Feathered Archive color palette (#F9E3E1, #CE6C96, #008D94, #8E275A, #002123)
• Mustard Archive color palette (#FFEDEB, #FFCBB5, #B8B062, #7C5A8F, #311D14)
• Hushed Indigo color palette (#F8F0E9, #A3CDEE, #5B73D3, #005B5B, #331423)
• Raspberry Study color palette (#FBD5CE, #C7476F, #007D87, #205D7D, #250B07)

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