Weathered Basalt color palette — #F4DCD7 · #7E5640 · #55350B · #132400 · #001204

A conversation between Cocoa and Onyx, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4DCD7): A whisper-light, dusty orange — the color of toasted spice.
• Coffee (#7E5640): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#55350B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#132400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001204): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Chestnut Boulevard color palette (#F2DBCD, #974900, #4A2100, #1F2921, #140600)
• Mulberry Loft color palette (#F7E8FA, #93435A, #4D2700, #001C25, #00060C)
• Velvet Fern Bloom color palette (#D6EFE3, #576425, #1E3200, #310300, #050700)
• Cocoa Boulevard color palette (#F7E3EE, #853400, #0B4C06, #3A1200, #000900)
• Muted Fern Loft color palette (#F2ECDE, #817B3B, #445504, #003633, #002024)
• Chestnut Veranda color palette (#F3E5F8, #9E6B78, #853F07, #00323D, #000E29)
• Charred Garnet color palette (#FAE8F3, #702100, #393500, #41003B, #050100)
• Abyss Basin color palette (#DCEFEC, #5A879D, #004356, #002224, #000B13)

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