Basalt Garden color palette — #EFF0D0 · #8EAB88 · #56749E · #6E532B · #4A4400

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

The five colors

• Custard (#EFF0D0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8EAB88): A luminous, dusty green — the color of fresh herbs.
• Slate (#56749E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#6E532B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#4A4400): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns 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

• Airy Archive color palette (#DCEEC8, #72A6BA, #7A68A3, #6B4E00, #3C4100)
• Dusty Chestnut Dune color palette (#F1E8C4, #89B89B, #588875, #834625, #583C00)
• Antique Chestnut Lantern color palette (#EEFBD9, #9CC7AE, #A07A90, #7D5911, #4D4C00)
• Patina Cocoa Lagoon color palette (#AFF0E9, #85BCCA, #9D86A0, #83655E, #6E3807)
• Wandering Ash color palette (#CEF3FC, #70ADBE, #5A728E, #543E5A, #361E2D)
• Hushed Ridge color palette (#DFE4CE, #5D937E, #295D82, #3A3400, #0C260B)
• Patina Cobalt color palette (#FBF3ED, #A8CFBE, #4F78BC, #006158, #39355A)
• Frosted Bronze Boulevard color palette (#CFEDDC, #0087A7, #886700, #515B0F, #113323)

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