Weathered Basalt color palette — #F9F5EB · #C7C7A3 · #679C86 · #8A6671 · #474500

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

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Pistachio (#C7C7A3): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#679C86): A luminous, dusty teal — the color of sea glass.
• Pewter (#8A6671): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#474500): 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 Weathered 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 Parlor color palette (#FBF5E3, #98C19B, #3D9183, #7D585B, #343A00)
• Timeworn Mint Boulevard color palette (#F8F5EB, #D8D8AD, #85BC8F, #AC8488, #474500)
• Jade Thicket color palette (#EFF8F1, #B6E9F0, #57B388, #76728F, #283E38)
• Muted Amber color palette (#FFF3E6, #F2BC8F, #BD854C, #845719, #442800)
• Lagoon Harbor color palette (#FBF4EF, #C2E7E6, #88A7CF, #40897C, #5D3B50)
• Muted Parlor color palette (#F3E5D4, #727B38, #005422, #361C50, #050700)
• Ancient Apricot color palette (#FFF3E7, #D6954F, #53A2CC, #5D7DC3, #3C3731)
• Dusty Grove color palette (#E5E2D0, #54A57D, #006F6E, #64314C, #002112)

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