Weathered Basalt color palette — #FBF5E6 · #DDD7AA · #94B88C · #6D9B8D · #4C4300

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DDD7AA): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#94B88C): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6D9B8D): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Ancient Basalt Lagoon color palette (#FBF4EA, #E2D4B2, #A7B37B, #A78496, #543F00)
• Muted Basalt Chapel color palette (#FDF3E9, #D0C49E, #7B9975, #87686F, #524000)
• Wandering Teal color palette (#F9F4EE, #BFECE1, #84CADA, #5BA994, #245240)
• Gentle Moss Coast color palette (#F1E3CC, #BEBE7E, #7F9D49, #82689A, #2C2B00)
• Frosted Grove color palette (#F1EDCA, #95D294, #1FB17C, #5F7AB1, #023907)
• Dusty Stone Market color palette (#FFF1F3, #E3D7CF, #C1ACDA, #9ABCCD, #5C4342)
• Timeworn Mustard color palette (#FFF1F3, #E5A5DF, #CFB15E, #53B5C5, #4C2E33)
• Timeworn Olive color palette (#E8F6EE, #ACBA8F, #58824E, #3F586D, #142D26)

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