Weathered Basalt color palette — #F9F5E7 · #DAD7AF · #AEAF84 · #A58B6B · #4A4400

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

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Wheat (#DAD7AF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AEAF84): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#A58B6B): A luminous, dusty gold — the color of old brass.
• Deep Olive (#4A4400): A deep, shadowed, balanced 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

• Basalt Dune color palette (#FAF5E5, #C5C8A4, #6B9C85, #8F665D, #454600)
• Pale Balcony color palette (#F8F2C1, #CBCE7E, #AAB55C, #7B9448, #3F522B)
• Apricot Bloom color palette (#F8F7DA, #AACB84, #58C9C8, #D5955B, #393831)
• Worn Fern Ridge color palette (#EEE4D1, #918C30, #5F6900, #564700, #070600)
• Antique Mint Study color palette (#F7F9D0, #BBE6AA, #93C283, #5E894E, #193710)
• Pine Delta color palette (#EBEAD6, #73A864, #008737, #6A5200, #031400)
• Frosted Moss color palette (#F7F6E6, #BED795, #73CBEA, #8FAA5D, #15495A)
• Teal Hollow color palette (#ECF9F3, #BEE3EC, #6CAE91, #99666E, #1B403A)

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