Weathered Cypress color palette — #F4F7E7 · #77A888 · #007554 · #03574E · #2F3B00
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#77A888): A luminous, dusty teal — the color of glacier melt.
- Pine (#007554): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#03574E): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#2F3B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Cypress 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 Basin color palette (#DFE9D4, #3B9F89, #00635B, #024265, #1E2E13)
- Hushed Alley color palette (#F1ECCD, #72A241, #186D09, #004D4F, #20350A)
- Fern Pier color palette (#FBF4E6, #9F9E69, #5F6A17, #3A532B, #37352F)
- Aged Lagoon Terrace color palette (#E3FCF1, #96C292, #3D9276, #44697B, #1B3C38)
- Fern Cabin color palette (#F6F6EB, #C0C4A6, #618D6D, #546D5B, #4D5200)
- Feathered Orchard color palette (#FAE9F5, #7588D5, #008D76, #3C49AC, #003F34)
- Olive Corridor color palette (#EBE3CA, #637500, #274000, #002925, #0D1200)
- Misty Plum color palette (#F9DBE7, #8A5BD0, #C0215D, #006388, #3C222E)
Browse the whole catalog at Explore, or see today's palette.