Weathered Basalt color palette — #FFF2EB · #E1DEC1 · #C8A791 · #9E6970 · #4F3D00

A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#E1DEC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C8A791): A luminous, dusty gold — the color of old brass.
• Mocha (#9E6970): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#4F3D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Dusty Pewter color palette (#FFF2EB, #F0D8BD, #CA8D75, #945561, #34312B)
• Chestnut Basin color palette (#FFEEE3, #D4B496, #A27864, #834527, #352A1B)
• Softworn Stone Study color palette (#FFF0F9, #D4B189, #98738A, #68576B, #3C4C43)
• Bronze Summit color palette (#FFF3E4, #B7B684, #9C6C00, #762C01, #071700)
• Bronze Quarry color palette (#FFF1F6, #CCB8EC, #C797BC, #A4784B, #412A33)
• Chestnut Veranda color palette (#EEE5CE, #8DA372, #6E6000, #492900, #000502)
• Ancient Terracotta Dune color palette (#FFF3E6, #E2D087, #BE8441, #A72E14, #202D00)
• Cocoa Pier color palette (#F4E7DC, #A67E36, #7A3800, #46000F, #010100)

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