Cypress Drift color palette — #F9F5E7 · #92BD8C · #378369 · #476150 · #42433C
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Mint Leaf (#92BD8C): A luminous, balanced green — the color of fresh herbs.
- Fern (#378369): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#476150): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#42433C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Drift 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
- Hushed Villa color palette (#F8F6E8, #6FAC74, #10735D, #643E47, #35362F)
- Softworn Studio color palette (#FBF4E8, #ACB682, #548052, #6D4F5F, #4E4200)
- Muted Teal Atelier color palette (#ECF8F5, #B3DFDB, #74BE9E, #599D9E, #214B47)
- Cypress Field color palette (#FCF3EF, #C2E7CF, #5B91B2, #1A7162, #553F54)
- Jade Boulevard color palette (#EDEED1, #00AC78, #006864, #004968, #003824)
- Worn Stone color palette (#FFF0FB, #ECD3DF, #E0AEBD, #5F8E80, #56434B)
- Muted Harbor color palette (#E1E0CC, #2C8E5C, #005048, #441D41, #171E00)
- Pale Iris color palette (#FFF0FA, #8E95F3, #A18809, #5A5E9E, #45423B)
Browse the whole catalog at Explore, or see today's palette.