Cypress Grove color palette — #EDF8F7 · #D0DFE6 · #B5C3CC · #578060 · #404A49

Fern and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#D0DFE6): bright and airy, almost weightless.
• Stone (#B5C3CC): soft and architectural.
• Fern (#578060): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#404A49): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cypress Grove 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 Pewter color palette (#EBF4F3, #CFD8DD, #B0BECA, #5B805E, #232F2E)
• Cypress Archive color palette (#E9F9F6, #92BC98, #4B8163, #3C625C, #2B4946)
• Fern Courtyard color palette (#F4F6EF, #D5DCD7, #B2C8C0, #739B76, #454D00)
• Tempered Stone Atelier color palette (#E2FAFF, #87C2C7, #6D8C9D, #596177, #504656)
• Abyss Drift color palette (#E2F2F3, #91B0B3, #5F878F, #00432C, #001819)
• Denim Terrace color palette (#DFE9F1, #A9BBCE, #7E8FA7, #004A6E, #11212D)
• Seafoam Hollow color palette (#E3FBFC, #85F0A3, #4ACAA2, #329E9B, #144145)
• Tempered Lagoon Corridor color palette (#E2FBFE, #009F86, #006E8B, #37437A, #323D16)

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