Cypress Harbor color palette — #F9F6E6 · #96A079 · #00726B · #603D5B · #303B00
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#96A079): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00726B): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#603D5B): A full-bodied, dusty pink — the color of peonies in June.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Harbor 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
- Timeworn Courtyard color palette (#F6F7E3, #69B49C, #007782, #783A4F, #004636)
- Feathered Thicket color palette (#F9EAC7, #62A54C, #006A55, #622862, #18360C)
- Patina Basalt Market color palette (#FDF4E8, #B0B487, #577F5A, #6D505C, #4F4100)
- Garnet Ridge color palette (#E6F6F2, #7AABA8, #20745E, #6A2F4B, #002221)
- Wandering Harbor color palette (#F1E2D3, #958D55, #38611E, #58340D, #342700)
- Marigold Courtyard color palette (#FFF4DB, #C4A351, #7D5F00, #443000, #2A1D00)
- Forest Bloom color palette (#FFF2EF, #B6CCB3, #1E859F, #2A612B, #11443A)
- Lagoon Summit color palette (#EAEAD9, #328C6D, #004F53, #4A183B, #002116)
Browse the whole catalog at Explore, or see today's palette.