Cypress Canyon color palette — #E9FAF3 · #87A57D · #34714E · #683F2A · #0A3E38
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#87A57D): A luminous, dusty green — the color of new leaves after rain.
- Pine (#34714E): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#683F2A): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#0A3E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Canyon 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
- Pine Meadow color palette (#E1FDF4, #7FB280, #007D56, #475824, #204422)
- Washed Canyon color palette (#E8FAF6, #8DBCA2, #348373, #734D59, #274949)
- Patina Canyon color palette (#E8F5EF, #86AB8C, #0E746A, #5E3753, #002220)
- Quiet Lagoon color palette (#DAF3E1, #949930, #426700, #524100, #2F3100)
- Weathered Teal color palette (#D7FFF7, #ADE4C3, #64BEBD, #6C6E30, #154947)
- Patina Lagoon Terrace color palette (#CDEAE2, #4E895A, #00523B, #482400, #002209)
- Jade Pier color palette (#F8F6E8, #B0D7A3, #69B386, #A47862, #35362F)
- Chalky Veranda color palette (#C5EFE6, #4B8D20, #3B6DAF, #8F3B44, #00342D)
Browse the whole catalog at Explore, or see today's palette.