Cypress Coast color palette — #FBF2F8 · #9EA6D6 · #559168 · #007E80 · #223831
A conversation between Teal and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Mauve (#9EA6D6): A luminous, dusty violet — the color of wild irises.
- Fern (#559168): A luminous, balanced teal — the color of glacier melt.
- Teal (#007E80): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#223831): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Cypress Coast 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
- Cypress Courtyard color palette (#EDF8F4, #6AA5CB, #80884F, #237751, #26392A)
- Tempered Petrol color palette (#FFF1F4, #B38BC0, #389293, #2E6F98, #3D2A34)
- Lilac Balcony color palette (#FFF1F6, #A77BE3, #008877, #005C74, #122047)
- Weathered Cypress Orchard color palette (#FAF4EC, #CDAC73, #779861, #007A71, #1E4760)
- Ancient Field color palette (#FFF1F5, #A07EBF, #677520, #0F5B70, #432F36)
- Aged Orchard color palette (#FAF2FF, #FA9AD4, #8AB789, #6F926E, #2B3643)
- Mallow Courtyard color palette (#F8F2FF, #F69AD2, #BD8C69, #536D96, #292938)
- Cocoa Orchard color palette (#FFF3E6, #E8ACA9, #B8856E, #6C743F, #703514)
Browse the whole catalog at Explore, or see today's palette.