Cypress Harbor color palette — #FFF4DF · #AFB582 · #5D9259 · #0F7350 · #3B573C
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#AFB582): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5D9259): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#0F7350): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#3B573C): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged 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
- Weathered Lagoon color palette (#F1F9E1, #B8CBA2, #3F8E70, #005C41, #05432F)
- Dusty Jade color palette (#FDF6D7, #B6D097, #75B773, #45835C, #4E524B)
- Muted Fern color palette (#FFF2E9, #C9A679, #987C30, #5D6700, #50524A)
- Pine Basin color palette (#F4F6EC, #96BB96, #BC83AE, #34863B, #6A3F43)
- Hushed Emerald Meadow color palette (#E1EACD, #52A663, #006950, #004242, #152541)
- Muted Driftwood Hollow color palette (#F5F7E8, #CCE5DC, #CFCDF6, #998A5A, #47523E)
- Aged Bronze color palette (#FDF3E7, #C0B8A0, #A2773A, #864D24, #4D4B00)
- Timeworn Plum color palette (#ECFAE8, #66A69B, #9B78B9, #A15280, #384733)
Browse the whole catalog at Explore, or see today's palette.