Stone Lagoon color palette — #F6F6ED · #D5DDD5 · #AAB4BF · #B3B088 · #4E4E48

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Silver (#D5DDD5): a clean, paper-quiet neutral.
• Ash (#AAB4BF): a calm mid-gray that lets other colors speak.
• Sage (#B3B088): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4E4E48): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Parchment Courtyard color palette (#F5F8DC, #C1EED5, #AEC9B5, #9D8087, #5E4C49)
• Tempered Driftwood Drift color palette (#ECF4F1, #D0D9DC, #ACB1C0, #7B8A5C, #303836)
• Ancient Driftwood color palette (#F8F5EC, #BBE6D3, #95B998, #99843D, #4D4800)
• Weathered Abyss Atelier color palette (#E4F3E6, #C1D6CA, #8AAFA4, #00585F, #000401)
• Wandering Lagoon color palette (#EAEBE0, #B6BFA6, #899782, #194800, #010100)
• Tempered Celadon color palette (#FFF4E2, #BDEE9F, #74B09F, #8C6674, #3C4500)
• Mint Boulevard color palette (#F2F8E6, #66C58B, #4C5946, #2A2D22, #10100A)
• Worn Celadon color palette (#F5F7E8, #EEFFA7, #B7E5EF, #9BC2F1, #2F4600)

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