Basalt Ridge color palette — #FBF4EB · #D9D8A8 · #9CB58C · #A78596 · #514000

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Wheat (#D9D8A8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9CB58C): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#A78596): A luminous, dusty rose — the color of pressed rose petals.
• Deep Olive (#514000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Aged Jade color palette (#FEF4E5, #CDCE9B, #85AE6E, #A37678, #37352F)
• Jade Thicket color palette (#FAE9CB, #B6CB78, #51AE5E, #836CB1, #293300)
• Hushed Cocoa color palette (#FFF2ED, #DBF8C7, #E1DBC8, #D09EB6, #783D18)
• Aged Teal Lantern color palette (#FCF3EE, #C5EADF, #84CADD, #6BA786, #275144)
• Washed Teal Orchard color palette (#E5E6D2, #83CCAB, #28A59F, #956381, #003221)
• Apricot Study color palette (#FFF2ED, #FFA099, #4FC9CD, #5EA3D5, #3E3633)
• Coral Field color palette (#FFF2EE, #FFB5B6, #6FCFD5, #E37B7F, #074C50)
• Ancient Thicket color palette (#FFF2EC, #FFC7B7, #EC998A, #B26657, #4C170A)

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