Cypress Harbor color palette — #F9F5EA · #8CA477 · #397050 · #00565C · #2A3C18
A conversation between Pine and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Moss (#8CA477): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#397050): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#00565C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#2A3C18): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Antique Cypress Terrace color palette (#F6F6E8, #93A17C, #00726B, #3A5421, #343630)
- Aubergine Station color palette (#FBF5E4, #90AE77, #1A7C50, #613D82, #2C4217)
- Denim Delta color palette (#FEF3EA, #AD996A, #62682F, #314A77, #39352F)
- Aged Basin color palette (#E9E5D2, #6E986F, #00644E, #512C5C, #282C06)
- Ancient Terrace color palette (#F4EFDB, #5F8658, #00523B, #00353E, #042201)
- Softworn Study color palette (#E6FBF0, #B1D894, #6DB18B, #5A8C9E, #1D3C36)
- Hushed Cerulean color palette (#FBF3F0, #B4CCB9, #2483A6, #00624B, #1E3D5A)
- Wandering Chapel color palette (#F9F4EE, #C8C1A7, #6F8A65, #7A5B6D, #5C4C00)
Browse the whole catalog at Explore, or see today's palette.