Weathered Basalt color palette — #FEF2EC · #E1DDC3 · #D1A292 · #9D6974 · #513C00

Deep Olive takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Bone (#E1DDC3): A whisper-light, dusty green — the color of fresh herbs.
• Rosewood Mist (#D1A292): A luminous, dusty orange — the color of autumn markets.
• Mocha (#9D6974): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#513C00): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Weathered Stone Lagoon color palette (#FEF1F9, #EECFDD, #D9A997, #A587A1, #404B3F)
• Weathered Bronze Studio color palette (#FCEFE7, #DCB193, #AF724B, #83442B, #352A1E)
• Worn Bronze Workshop color palette (#FAF5E5, #DFE0BC, #A4A164, #8B612A, #30332C)
• Antique Basalt Studio color palette (#FDF2F0, #C0E7D9, #A77682, #643643, #231816)
• Worn Orchard color palette (#FFF2EF, #E7D8C5, #D2A26C, #7A8129, #144E1D)
• Garnet Coast color palette (#FFF3E5, #BCB57A, #9D6B1B, #7B2500, #151300)
• Cobalt Lagoon color palette (#FCF3EC, #D6AB88, #94955A, #4675AA, #362618)
• Washed Lantern color palette (#F2E4C8, #90A26F, #715E00, #4B2700, #000601)

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