Washed Basalt color palette — #F9F5EA · #B0B294 · #3F826D · #336076 · #454600

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

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Sage (#B0B294): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3F826D): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#336076): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Worn Cocoa color palette (#FFF3E9, #C0AD8A, #6A7A4F, #694E70, #573E00)
• Patina Lagoon Thicket color palette (#F6F6E8, #A7D0B1, #43A386, #5D7A62, #3D4800)
• Wandering Lagoon color palette (#E4F7F2, #8CBEBB, #3D846E, #355B68, #132C2B)
• Dusty Cypress Hollow color palette (#FBF5E4, #85A67C, #25715E, #693B48, #35362F)
• Timeworn Loft color palette (#EBF9F1, #B7E3AE, #79BBA9, #7694AB, #2F4844)
• Tempered Boulevard color palette (#FFF0F9, #E6D8D5, #F9B9B3, #3485AD, #664750)
• Tempered Cypress Bloom color palette (#FCF3EE, #CBE3D5, #618EBB, #00735D, #3F446C)
• Tempered Villa color palette (#FFF0F8, #9B98D0, #9B8A2E, #6254B3, #4D4200)

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