Cypress Lagoon color palette — #F9F1E5 · #99A775 · #3F7151 · #56431D · #201C04

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F1E5): a clean, paper-quiet neutral.
• Sage (#99A775): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3F7151): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#56431D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#201C04): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Cypress color palette (#F3F3E5, #94A881, #00727A, #633646, #162009)
• Antique Pier color palette (#F7F2E2, #B3B88E, #408373, #685200, #272910)
• Airy Workshop color palette (#FEEFDD, #A6AF5B, #287E3E, #005661, #202300)
• Jade Lantern color palette (#E9E7C2, #38AC82, #00686C, #304600, #001C11)
• Forest Chapel color palette (#EADDC9, #82975C, #00663F, #00404F, #151200)
• Hushed Driftwood Quarry color palette (#E8FAF0, #C9D89D, #6F9762, #6B643B, #003025)
• Antique Terrace color palette (#ECE2CE, #61853F, #005139, #332900, #090800)
• Dusty Raspberry color palette (#DFEEDB, #00A898, #BC527B, #006359, #35091C)

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