Washed Basalt color palette — #F8F5EC · #C1E1CF · #A4B689 · #7A8C73 · #524600

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Celadon Mist (#C1E1CF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4B689): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7A8C73): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#524600): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Washed 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

• Muted Cocoa color palette (#FCF4EB, #EBDCBD, #ADBD8D, #AA91A4, #624900)
• Timeworn Stone Coast color palette (#EDF8F2, #A0CCBB, #618B7F, #4E6C71, #3E524A)
• Antique Taupe Market color palette (#F9F5EC, #D7E1C2, #9DA468, #99666D, #3B3831)
• Weathered Garnet Atelier color palette (#EAE0CC, #9A9038, #4E5200, #560017, #010100)
• Washed Lagoon color palette (#F4F7EB, #ABDDC4, #479B85, #1E6C8B, #212C0B)
• Antique Pine Pier color palette (#F5F7E2, #95CA9F, #008C5C, #005B6C, #001F09)
• Teal Cabin color palette (#F1F8E6, #5EB59B, #006F63, #00415F, #000A06)
• Abyss Chapel color palette (#F3F1E1, #668548, #0F4902, #002121, #010200)

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