Worn Stone color palette — #F0F7F4 · #D4DBDE · #BBB2B9 · #A7B588 · #45504C

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D4DBDE): bright and airy, almost weightless.
• Ash (#BBB2B9): soft and architectural.
• Sage (#A7B588): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#45504C): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Glacier color palette (#E6FAF7, #C6DECB, #63EBF3, #AFB6C1, #1B4848)
• Worn Lagoon color palette (#EBF4F2, #CDD9DC, #A6ADB5, #608D82, #313836)
• Ash Grove color palette (#EAFAEF, #C9E1E2, #ACC4D5, #9789AB, #5E4A58)
• Tempered Dune color palette (#E8F9F8, #85BE93, #3C5A61, #1B2F2E, #09120F)
• Cypress Garden color palette (#ECF8F9, #D1DAE7, #A5BFD2, #00705E, #001012)
• Aged Abyss color palette (#DEECE9, #AEBEBF, #7B979F, #244600, #000201)
• Patina Emerald color palette (#EEF7F6, #D1DEE6, #C9C3CC, #44AB46, #243A37)
• Hushed Pewter color palette (#FFF0F8, #D8E3B3, #71B1A1, #935F80, #294541)

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