Stone Coast color palette — #EBF9EF · #A4B888 · #4C8066 · #565674 · #304842

Built around Sage, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF9EF): bright and airy, almost weightless.
• Sage (#A4B888): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4C8066): A full-bodied, dusty teal — the color of glacier melt.
• Graphite (#565674): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#304842): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Stone 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

• Soft Pine color palette (#EBFAEC, #9CAD54, #257C47, #5B4670, #373F17)
• Aged Driftwood color palette (#ECF8F3, #B9CC9F, #7B9A6D, #826979, #264A41)
• Muted Chestnut Ridge color palette (#F5F2E5, #A9BB90, #637E57, #7E431D, #2A2813)
• Cerulean Harbor color palette (#FBF2F7, #BEE2F7, #5F8EC0, #1D715F, #3E475E)
• Sunlit Summit color palette (#D1F5E4, #4EA85C, #00695D, #5D2F5A, #0D3715)
• Aged Tangerine color palette (#FFF0F9, #E77F50, #3E94BA, #915337, #25465C)
• Pine Hollow color palette (#D5EFE4, #348E52, #00504A, #481B3B, #00201F)
• Basalt Atelier color palette (#F9F5EC, #D9D7B6, #86BA95, #9986B1, #4A4400)

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