Weathered Basalt color palette — #FFF3E7 · #E1D4B0 · #94B88C · #A18C75 · #524000

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E1D4B0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#94B88C): A luminous, dusty green — the color of fresh herbs.
• Caramel (#A18C75): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Patina Fern Quarry color palette (#F6F6EA, #B0E2CC, #74BABE, #AB8682, #344B06)
• Taupe Study color palette (#F9F4EC, #D7E1C3, #95A675, #887446, #3B3831)
• Hushed Workshop color palette (#F9E8D1, #93A045, #00873E, #704F0C, #0F1100)
• Aged Dune color palette (#F2E1D5, #D0B877, #849B58, #44817A, #362604)
• Tempered Jade color palette (#F6EAD5, #ADCD83, #00B279, #937725, #233400)
• Tempered Pier color palette (#EAE5D2, #589A68, #007168, #494C00, #000902)
• Teal Workshop color palette (#FDF3ED, #C2EBE9, #9BC1EC, #56AA95, #5D3B52)
• Linen Seafoam Canyon color palette (#E8FCE1, #3ED8C6, #DE9DC3, #D97C85, #2D3D27)

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