Cypress Coast color palette — #FCF0DE · #99A679 · #3D7251 · #493F67 · #211C01

A conversation between Pine and Navy, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCF0DE): A whisper-light, dusty gold — the color of old brass.
• Sage (#99A679): A luminous, dusty green — the color of fresh herbs.
• Pine (#3D7251): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#493F67): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#211C01): 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

• Aged Canyon color palette (#F4F3E2, #77AE95, #007377, #5F3B3A, #162007)
• Fern Villa color palette (#FAF5E8, #96A16F, #4A6E38, #5A3F62, #37362F)
• Muted Coast color palette (#ECF9EE, #ADBB8D, #538F6B, #66598F, #123E33)
• Aged Olive Drift color palette (#EDDFC4, #648442, #005138, #361A4B, #040A00)
• Hazy Loft color palette (#FDEADD, #B8602B, #007A99, #325886, #230D00)
• Timeworn Cobalt color palette (#FCEFE8, #A9D3B7, #3D82B3, #005E44, #141D41)
• Timeworn Garden color palette (#FFEEE5, #DEDCB5, #9DC087, #965B77, #3B2109)
• Chestnut Grove color palette (#FFE8D8, #E49670, #964E0C, #562700, #150600)

Browse the whole catalog at Explore, or see today's palette.