Stone Garden color palette — #F8F1E7 · #B5B87E · #627E57 · #674B5C · #2C2714

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

The five colors

• Cream (#F8F1E7): bright and airy, almost weightless.
• Sage (#B5B87E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#627E57): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#674B5C): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#2C2714): 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 Stone Garden 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

• Washed Boulevard color palette (#F4F2E4, #94C09E, #3E8374, #415C4E, #262918)
• Pine Lagoon color palette (#FCF0DE, #9EA766, #3E7337, #5B3B4A, #221C01)
• Olive Thicket color palette (#FFF1F6, #B9B183, #607D4D, #5A5476, #33483C)
• Wisteria Ridge color palette (#FFECF0, #C38BD5, #619F63, #7A5387, #272A07)
• Driftwood Corridor color palette (#E9FAF0, #A7CEC0, #799B6B, #59758C, #2A4A3F)
• Stone Villa color palette (#FFECF1, #F0CECD, #DFBB8B, #7376A0, #3F2829)
• Airy Canyon color palette (#FFECF0, #BB66C9, #5E8F44, #3C7959, #2F151B)
• Midnight Forest color palette (#E5E4D5, #006A3A, #00322B, #250225, #000200)

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