Weathered Basalt color palette — #DBE3DA · #92A698 · #5E8675 · #4C2F00 · #000600

Espresso takes the lead with Fern close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#DBE3DA): bright and airy, almost weightless.
• Taupe (#92A698): A luminous, dusty teal — the color of glacier melt.
• Fern (#5E8675): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#4C2F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Hushed Field color palette (#DDEAE3, #80928C, #57716E, #2E2B00, #000201)
• Washed Garnet Pier color palette (#E9DDE4, #AF99A2, #6E8270, #601C00, #0D0008)
• Driftwood Canyon color palette (#F2EBE3, #B0A996, #7F853E, #512E00, #1F1001)
• Dusty Forest Drift color palette (#DBECEA, #A2B8B9, #72949C, #00531F, #000E0D)
• Cocoa Coast color palette (#F7EAEE, #C3D5CB, #8BAFA9, #6F4100, #090003)
• Softworn Pine Loft color palette (#EAF5F2, #CED8DC, #A3BDC0, #467236, #122421)
• Pine Alley color palette (#D0E5DE, #357937, #00412A, #331500, #000400)
• Weathered Amber color palette (#D7F7E1, #CC6E00, #846F00, #255C00, #020200)

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