Cypress Loft color palette — #E8F5F1 · #81AD85 · #007755 · #1C5145 · #02221F

A conversation between Pine and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Sage (#81AD85): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#007755): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#1C5145): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#02221F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cypress Loft 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

• Olive Archive color palette (#E8F6ED, #9EA576, #457317, #51461B, #032219)
• Aged Teal Delta color palette (#D4F9EE, #00A79C, #007076, #004855, #002936)
• Lagoon Bloom color palette (#E7F5F4, #87BFC3, #00877E, #285F5C, #112C2E)
• Washed Jade color palette (#FCF5E0, #74AB77, #007365, #4D4B44, #35362F)
• Quiet Moss Field color palette (#D4EBDE, #87A20D, #246D00, #004A39, #131900)
• Muted Pier color palette (#DEF6F1, #468864, #005042, #0F3300, #000B04)
• Ancient Turquoise color palette (#DFF6FF, #43B3D9, #006D8C, #003D4D, #001118)
• Faded Rust Corridor color palette (#D8EDF6, #00A4B5, #C94E3D, #00606B, #380804)

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