Weathered Basalt color palette — #FDF3E9 · #E4D4AD · #A0B582 · #5E9F8B · #543F00

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

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Wheat (#E4D4AD): A whisper-light, dusty gold — the color of old brass.
• Sage (#A0B582): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#5E9F8B): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#543F00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Fern Coast color palette (#F6F6EC, #CDDCB5, #76BBB3, #839871, #384A00)
• Washed Basin color palette (#FEF3E6, #D8C99F, #8FAA75, #7A80AD, #38352E)
• Hushed Moss Meadow color palette (#FAF5E8, #E4EBB7, #90A95B, #777C35, #3A3831)
• Emerald Hollow color palette (#F6EAD2, #B5CB82, #36B256, #008D8C, #283300)
• Driftwood Coast color palette (#EEF8F2, #A4CFBE, #849861, #4A7C76, #284A3E)
• Hushed Turquoise color palette (#E3FCF2, #EFD9D3, #67BECD, #A9A49B, #5C485A)
• Linen Teal color palette (#F8F6E3, #9DE1B5, #00BFAA, #2895BD, #114629)
• Weathered Corridor color palette (#F1E3D0, #999D5F, #44822A, #00645B, #101100)

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