Cypress Field color palette — #E9FAF1 · #84A583 · #227163 · #504367 · #153D39
Teal and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#84A583): A luminous, dusty green — the color of fresh herbs.
- Teal (#227163): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#504367): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#153D39): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Field 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
- Washed Stone color palette (#ECF8F5, #89BDA5, #447E81, #62536C, #25494B)
- Weathered Harbor color palette (#ECF9EC, #9BA06F, #446E49, #375337, #183D30)
- Aged Bloom color palette (#F6F2E2, #A2A37F, #327448, #653926, #1E1E00)
- Violet Boulevard color palette (#DCF5EC, #839846, #8F61B2, #4D5F00, #412953)
- Ancient Lagoon color palette (#E9FAF3, #A4BE95, #4A9260, #8B533B, #043F37)
- Softworn Onyx Alley color palette (#DAEAE4, #4D8962, #00504B, #4B173A, #00220E)
- Hushed Cobalt color palette (#FFF1F6, #A5CAE9, #6676A8, #00605F, #3F3357)
- Misty Byzantium Loft color palette (#C7EFE4, #63872F, #8A51A1, #843163, #00342B)
Browse the whole catalog at Explore, or see today's palette.