Washed Basalt color palette — #F9F5ED · #B8B08B · #617D50 · #655929 · #4E4200

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Sage (#B8B08B): A luminous, dusty green — the color of fresh herbs.
• Fern (#617D50): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#655929): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Olive Market color palette (#FEF4E5, #B0A55B, #627200, #176031, #433B00)
• Emerald Quarry color palette (#F0F7F0, #C3CA96, #63A06C, #627962, #2E493E)
• Washed Pier color palette (#EFF8EB, #C4E9E4, #A3CFEC, #498464, #374F3A)
• Fern Station color palette (#EBE4D7, #8C905E, #425F1D, #004A30, #2A2C00)
• Pale Peony color palette (#F0F8EB, #52B39E, #C16B83, #007764, #61313F)
• Aged Lagoon color palette (#E2E8C0, #78BB97, #008A6B, #006C63, #0E4E63)
• Tempered Lagoon color palette (#E4FDE3, #75C9C6, #008881, #004E4D, #003232)
• Violet Delta color palette (#EAFBE5, #289C8F, #8C65BA, #965700, #2B3E25)

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