Basalt Ridge color palette — #F9F5ED · #DCD6B7 · #97B786 · #669E87 · #4D4200

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

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Wheat (#DCD6B7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#97B786): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#669E87): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Frosted Taupe Canyon color palette (#FFF3E2, #D9D18F, #9CAF5E, #3E95B0, #423B00)
• Worn Ridge color palette (#FDF3E9, #D2C39C, #7B9A70, #5D7B5F, #524000)
• Linen Basin color palette (#EDE4D2, #BAC07E, #7B9D5C, #237EA7, #292C00)
• Pine Thicket color palette (#EDE7D6, #84A458, #0D872C, #006456, #0A1300)
• Hushed Stone color palette (#E8F6ED, #AFBA7E, #647E57, #3C5B5D, #182C25)
• Dusty Sky color palette (#FEF0FF, #E9D6D8, #B4AE9C, #73B9D7, #61485D)
• Feathered Blush Garden color palette (#FFEFFF, #91C1FF, #FE8E98, #82B663, #433044)
• Emerald Meadow color palette (#F5F0D8, #90B37D, #2E9557, #3C6599, #0C2100)

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