Cypress Coast color palette — #F5F7E8 · #70AA83 · #127453 · #624423 · #343630

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Jade (#70AA83): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#127453): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#624423): A full-bodied, dusty gold — the color of old brass.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Hushed Fern Ridge color palette (#FCF4E4, #A09E66, #5F6A00, #6D3A3B, #37352F)
• Chestnut Harbor color palette (#FCF4E7, #B7B27D, #747936, #804B19, #534000)
• Dusty Lime Atelier color palette (#FFF4DF, #E0DDA8, #A4BA61, #8E6828, #3D3A34)
• Tempered Delta color palette (#F6F6EC, #B0CFAD, #00898E, #006152, #20432B)
• Worn Mint color palette (#E7FAF4, #80C797, #429082, #685D7D, #113D3C)
• Weathered Lagoon Garden color palette (#E4E9D7, #298D6B, #005143, #3F2A00, #002116)
• Airy Pine Station color palette (#F3E2C6, #977400, #008245, #953639, #38280B)
• Muted Teal Thicket color palette (#F8F6E7, #A5D8B4, #5CB1AA, #A2767A, #303B00)

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