Cypress Garden color palette — #F8F6E7 · #86A57B · #31724D · #485023 · #35362F
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Moss (#86A57B): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#31724D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#485023): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Garden 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
- Worn Field color palette (#F5EAD6, #93984B, #426700, #005035, #2F3100)
- Tempered Fern color palette (#F5F7E9, #AAB497, #3E8173, #43643C, #384A00)
- Teal Parlor color palette (#CDF3E2, #32B29F, #007C7C, #00535D, #183553)
- Seafoam Bloom color palette (#E2FCF2, #A7DB96, #66B385, #658E7F, #1C3C37)
- Tempered Cerulean color palette (#F9F4EC, #B6CCB6, #228695, #00624B, #004154)
- Rust Ridge color palette (#E0F5E2, #00A1A7, #B6565D, #006367, #5A1E24)
- Powder Study color palette (#E5FDE8, #B4E5E6, #8DB0ED, #007F6F, #274C39)
- Worn Plum color palette (#D0EDD7, #008A96, #964999, #725600, #003237)
Browse the whole catalog at Explore, or see today's palette.