Cypress Study color palette — #E6F6F1 · #89AB80 · #40714B · #244C5B · #00221E
Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E6F6F1): a clean, paper-quiet neutral.
- Sage (#89AB80): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#40714B): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#244C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Study 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
- Lagoon Hollow color palette (#E4F6F5, #91BDBD, #47826F, #405968, #0E2D2D)
- Timeworn Forest Hollow color palette (#FBF4E8, #A29C77, #407043, #4D436E, #37362F)
- Olive Balcony color palette (#DCFAEE, #95B370, #3F7C26, #713B27, #002720)
- Dusty Workshop color palette (#D9F4EC, #6E9C61, #06672A, #592A08, #001613)
- Pine Ridge color palette (#D7F3EE, #478959, #005134, #00303A, #000B02)
- Washed Lantern color palette (#E7FBEE, #C7D99F, #6A9671, #665C84, #003025)
- Softworn Boulevard color palette (#F6EEFF, #E5CCF0, #D9A2A4, #875D83, #2F1F38)
- Frosted Mulberry color palette (#ECE5FC, #BE71B5, #1086B5, #7C3475, #001F2E)
Browse the whole catalog at Explore, or see today's palette.