Worn Basalt color palette — #FFF2EA · #E1DDC1 · #D1A28D · #976F62 · #533A00

Deep Olive and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E1DDC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D1A28D): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#976F62): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#533A00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Taupe Station color palette (#FFF2EB, #F9D6B4, #CD8C73, #92585C, #35312B)
• Patina Driftwood color palette (#FFF0F8, #CCAFBA, #967587, #6C5567, #3D4C3E)
• Sunlit Chapel color palette (#FFF3E3, #BFB471, #9B6C00, #6F3300, #0F1500)
• Wisteria Ridge color palette (#F6F6E9, #ADD098, #CA99DA, #A67557, #32322B)
• Fern Workshop color palette (#F1E5C5, #8EA45D, #6C6000, #452C00, #040400)
• Hushed Lagoon color palette (#F3F6F0, #D4D8CB, #559480, #3F4B34, #181D14)
• Bronze Market color palette (#F5DECC, #B2790A, #793900, #460103, #020100)
• Gentle Hollow color palette (#FFF3E6, #EECC71, #CB7E00, #934626, #302705)

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