Stone Grove color palette — #FFF2ED · #DFE2C9 · #B2BB79 · #538762 · #004E49

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Celadon Mist (#DFE2C9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B2BB79): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#538762): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#004E49): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Hushed Fern Dune color palette (#FFF1F7, #D3BF95, #82894B, #3B6C29, #00553C)
• Gentle Studio color palette (#FFEDDB, #B7BF0B, #2E9432, #004C43, #00181F)
• Timeworn Coast color palette (#FFF5D8, #DEFFB9, #89C8A7, #368186, #003F5B)
• Aged Stone color palette (#FFF2EB, #DEE4CB, #BCC9B0, #A08384, #63494A)
• Patina Station color palette (#FAF5E4, #B3B457, #4C5C17, #2E2B21, #120F0B)
• Softworn Moss color palette (#FAF0CD, #67B100, #007B60, #003238, #00060D)
• Sand Garden color palette (#FFF3E8, #FFD4A5, #83AF84, #756B95, #503C00)
• Weathered Boulevard color palette (#DEE6CD, #00A95D, #005857, #002636, #000105)

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