Tempered Basalt Garden color palette — #F9F5E8 · #B3B191 · #538058 · #7A4C3D · #494400

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#B3B191): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#538058): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#7A4C3D): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#494400): 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 Tempered Basalt Garden 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

• Olive Villa color palette (#FDF4E2, #A2A972, #50762C, #614F00, #3A3F01)
• Aged Canyon color palette (#F5F6ED, #BBC5AD, #738969, #875B1E, #415611)
• Softworn Lagoon color palette (#F7F1E6, #A2BC97, #30866D, #6D4950, #282917)
• Ancient Quarry color palette (#EDF9F1, #B1CFA2, #48A286, #736C8E, #2B4944)
• Jade Grove color palette (#EDEDD8, #4EA768, #006B51, #643600, #003917)
• Aged Plum color palette (#F8F7E0, #77944A, #3080C1, #A4435C, #393831)
• Olive Basin color palette (#F8F6E6, #98A864, #9978BF, #5D6F00, #4B395F)
• Washed Lagoon color palette (#ECF9F2, #C5E0A8, #86BB8B, #A08897, #2E4842)

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