Basalt Ridge color palette — #FAF5E5 · #D0E3C8 · #B9AE8B · #8C7750 · #3B4500

Deep Olive takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#D0E3C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B9AE8B): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#8C7750): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#3B4500): A deep, shadowed, balanced green — the color of fresh herbs.

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

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

• Patina Courtyard color palette (#FDF4E3, #E6DEB7, #AC9E6B, #8E6026, #32322B)
• Hushed Chestnut Quarry color palette (#F6F2E3, #B6C193, #84865C, #6D5400, #2E2D20)
• Patina Stone color palette (#E9FAF2, #BDE3D5, #B8BA88, #749D86, #364D47)
• Fern Market color palette (#EDE6D1, #788F58, #545000, #2E1E00, #000200)
• Antique Garnet color palette (#FFF3E7, #CAAE7A, #A56526, #7F1E00, #151300)
• Worn Workshop color palette (#FDF3EC, #E9B39C, #6C9F66, #1E72A8, #362420)
• Washed Basalt color palette (#FFF2F0, #C4EBD3, #A77874, #623648, #241716)
• Brick Drift color palette (#FFF2E9, #F7C689, #D4753A, #A82B2E, #312700)

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