Weathered Basalt color palette — #FBF4EB · #BBAF8A · #637C54 · #714D60 · #514100

Deep Olive and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Sage (#BBAF8A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#637C54): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#714D60): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#514100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Fern Basin color palette (#FCF4E7, #A49B76, #466F3A, #693857, #36380F)
• Antique Workshop color palette (#EBF5EF, #B4B889, #6D7D40, #634C63, #152D24)
• Washed Driftwood Archive color palette (#FAF5E9, #D0C499, #88975D, #8E675B, #504100)
• Sand Balcony color palette (#EEF9EE, #DADA96, #98B783, #888EAC, #2F493D)
• Misty Quarry color palette (#FFF2ED, #D18987, #1D9C9F, #AA393E, #004D4E)
• Patina Garnet color palette (#FFF2EC, #EBAB9C, #A65544, #7D1F00, #4B190B)
• Terracotta Meadow color palette (#FFE6E8, #DB98B3, #BC5A66, #9B342D, #6D3E25)
• Ancient Amber Harbor color palette (#FFF2EC, #C26D63, #008C94, #306894, #3E3633)

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