Cypress Coast color palette — #F6F2DF · #80AC8F · #1D736E · #62393E · #191F05
A conversation between Teal and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F2DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#80AC8F): A luminous, dusty teal — the color of sea glass.
- Teal (#1D736E): A full-bodied, dusty teal — the color of glacier melt.
- Cocoa (#62393E): A deep, shadowed, dusty red — the color of embers at dusk.
- Onyx (#191F05): 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 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
- Ancient Cypress color palette (#F6F7E5, #7CA789, #00745C, #6D364E, #343630)
- Antique Pine color palette (#FBF0E4, #A5A46B, #497043, #424169, #231B03)
- Fern Terrace color palette (#FAE8D6, #97904E, #386123, #51300A, #181100)
- Wandering Lagoon Ridge color palette (#E6FAF6, #A9DFB9, #4B9B84, #6D5B78, #012F2E)
- Wandering Summit color palette (#FFEFDF, #DBE0AA, #87C7B2, #8D5254, #2E2302)
- Hushed Marigold color palette (#FCEFC2, #C0A34C, #856300, #453500, #100B00)
- Ancient Lagoon Grove color palette (#ECECDB, #238C6A, #004E52, #441534, #000B06)
- Cerulean Corridor color palette (#FCEEEB, #B5D0B2, #008AA6, #265D25, #00223E)
Browse the whole catalog at Explore, or see today's palette.