Wandering Basalt color palette — #F8F5EA · #AFB48B · #40826B · #40634E · #434700

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Sage (#AFB48B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#40826B): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#40634E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#434700): A deep, shadowed, balanced 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 Wandering 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

• Hushed Cypress Balcony color palette (#F8F6E9, #99A077, #1D725D, #643E47, #343A00)
• Softworn Fern color palette (#F4F6ED, #BECAA6, #59A085, #407E76, #3A4A00)
• Weathered Grove color palette (#FAF4EA, #B7B08D, #737932, #6E4F5F, #4D4200)
• Timeworn Lagoon color palette (#E7F5F4, #8CBEBD, #3E846A, #1F6159, #022E2E)
• Ancient Teal Cabin color palette (#EEF8F3, #BEE0BA, #67C0A0, #6C97AB, #2E4845)
• Worn Ultramarine color palette (#FFF0FA, #8F9CD5, #8A8F4B, #505DAE, #43460E)
• Navy Lantern color palette (#FAE8D8, #AC8E37, #586100, #213E81, #3A2C00)
• Ancient Cerulean Corridor color palette (#FBF3EF, #C3E6CF, #4F92BA, #1E7162, #593C58)

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