Weathered Stone color palette — #E9F5F0 · #96BFA1 · #4A7E89 · #3F5C51 · #082E2C

A conversation between Sage and Slate, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#96BFA1): A luminous, dusty teal — the color of glacier melt.
• Slate (#4A7E89): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3F5C51): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#082E2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Weathered 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

• Aged Olive color palette (#FCEDF5, #9DBCA5, #6D7C47, #325D64, #162D1D)
• Patina Grove color palette (#DBECEC, #4FB5AB, #008D97, #00597A, #142949)
• Weathered Quarry color palette (#E4F5FF, #75C5E3, #087FA7, #004B60, #001C2B)
• Forest Alley color palette (#F6EFF4, #BCE3F4, #6694B2, #2A6D4F, #1E2B4A)
• Frosted Atelier color palette (#E3F5FE, #44B4CE, #C07769, #007185, #44170F)
• Antique Forest Bloom color palette (#DEF6E8, #759A66, #00644F, #003E57, #001713)
• Weathered Fern Harbor color palette (#F7F5EB, #BFCAA2, #599D97, #6F774A, #3C4900)
• Cypress Garden color palette (#D8E9E4, #007B58, #003F41, #162300, #000402)

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