Stone Courtyard color palette — #EEF8F2 · #B1EFDE · #A5B687 · #997D87 · #364C43

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

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Sea Foam (#B1EFDE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A5B687): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#997D87): A luminous, dusty rose — the color of strawberry cream.
• Charcoal (#364C43): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Softworn Coast color palette (#ECF8F4, #C0DCF3, #83BBB3, #7A8B7D, #384B46)
• Mustard Summit color palette (#DEFFE4, #FFEAA5, #CABA6D, #8A8752, #324F44)
• Dusty Lagoon Coast color palette (#EDF8F1, #A6C9C1, #548C8F, #676084, #3C524D)
• Worn Straw color palette (#E9FAF2, #E7ED99, #8BDBE6, #9B9F65, #2C4B57)
• Driftwood Field color palette (#F6F1E8, #CAC4A4, #87873F, #8D4E31, #32312A)
• Worn Veranda color palette (#D9FFF3, #EAFFB9, #A5B978, #657244, #023025)
• Patina Atelier color palette (#DEFDF6, #89CE8F, #2A8A59, #5B5124, #001D1B)
• Muted Balcony color palette (#E0FDF4, #B2EC94, #54A75B, #7F6730, #003730)

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