Weathered Basalt color palette — #F8F0ED · #CDC49B · #81534E · #551D00 · #1C110C

Built around Espresso, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Pistachio (#CDC49B): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#81534E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#551D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1C110C): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Ancient Pier color palette (#F6F1E9, #D5C0A0, #7D5A12, #34302A, #191309)
• Timeworn Mustard color palette (#FFEEE1, #B7AA4B, #763900, #361700, #100500)
• Timeworn Drift color palette (#FAF3F8, #ACDECB, #A46C66, #5E435A, #30292E)
• Rust Canyon color palette (#F8F0EC, #E3B9A5, #469287, #B24E41, #10190D)
• Eclipse Bronze Parlor color palette (#E8E4C7, #945700, #1A2200, #121920, #020300)
• Wandering Aubergine Terrace color palette (#FDEFE5, #D29D8A, #757F44, #5D427F, #372918)
• Driftwood Dune color palette (#F7EDE2, #9F8D4B, #523000, #1D0E00, #030100)
• Hushed Archive color palette (#F6F1EC, #D6D8D2, #A5B3AF, #A67846, #3C352D)

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