Washed Basalt color palette — #F9F5EA · #C0E2CE · #B4B186 · #7D8A79 · #524600

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Celadon Mist (#C0E2CE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B4B186): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7D8A79): A luminous, dusty green — the color of fresh herbs.
• 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

• Tempered Cocoa Orchard color palette (#FAF4ED, #E9DDC1, #ADBD90, #AE8FA7, #624900)
• Antique Taupe color palette (#FBF4E7, #D5E1C0, #9BA473, #916C62, #3A3831)
• Hushed Driftwood color palette (#EFF8F3, #9ECCBC, #748A59, #4A6C73, #3F524B)
• Patina Veranda color palette (#ECE0C7, #96914A, #4C5300, #540616, #010100)
• Lagoon Veranda color palette (#F4F7EA, #ADDDC4, #549984, #466D5C, #222C0E)
• Washed Lagoon Harbor color palette (#F5F7E4, #91CB9F, #3E8765, #125A6B, #161B00)
• Wandering Dune color palette (#F4F6EF, #C3DDEF, #DDC1DE, #649AB6, #5B4558)
• Abyss Meadow color palette (#E4E0C9, #6A8548, #174800, #002121, #010100)

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