Stone Drift color palette — #ECF9F0 · #C1E3D1 · #C9B47D · #7F9B7C · #3C4C46

A conversation between Sand and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Celadon Mist (#C1E3D1): A whisper-light, dusty teal — the color of sea glass.
• Sand (#C9B47D): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#7F9B7C): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#3C4C46): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Stone Drift 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 Taupe color palette (#ECF9EF, #ADD5C5, #B19860, #8D677A, #384C4A)
• Worn Harbor color palette (#FFF1F7, #C6E3C4, #D8AB8B, #A9859D, #3E4C41)
• Hushed Corridor color palette (#FEF4E4, #D4E6C0, #BFAB8B, #A36B3D, #3F4300)
• Mallow Cabin color palette (#F8F2FE, #F8A6CC, #92C692, #62A7AC, #413948)
• Tempered Boulevard color palette (#FEF0FF, #FFD1C9, #EEA379, #AF814C, #5C4600)
• Hushed Bronze Corridor color palette (#F8F1E4, #C8BA9A, #9F7D3A, #764F03, #312C1C)
• Ancient Bronze Coast color palette (#DFEEE2, #9E913D, #8A6800, #6D4100, #0B0D00)
• Muted Corridor color palette (#F6E1EB, #E0B991, #D9864E, #A06A5C, #213626)

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