Basalt Ridge color palette — #F7F6EB · #B2B293 · #5B7E58 · #7C4C36 · #474500
Built around Deep Olive, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Sage (#B2B293): A luminous, dusty green — the color of fresh herbs.
- Fern (#5B7E58): A full-bodied, dusty green — the color of new leaves after rain.
- Coffee (#7C4C36): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Lantern color palette (#F3F7ED, #B9C6AA, #578D80, #855D1B, #3E5615)
- Softworn Harbor color palette (#F7F6EB, #9C9E7A, #426F45, #5B481C, #36362F)
- Antique Pine Workshop color palette (#F6F2E4, #B6B68F, #2C885E, #6E4852, #282818)
- Washed Cypress Boulevard color palette (#F1F8EC, #A3B69B, #28837E, #375D7E, #3A4734)
- Bronze Lagoon color palette (#FFF3E7, #DCDDCA, #C0C89E, #A86E45, #664100)
- Bronze Thicket color palette (#FFDED5, #D38F74, #AC5B2C, #844400, #514304)
- Timeworn Jade color palette (#EBF9F2, #B3CEA3, #50A27A, #716C91, #2E4843)
- Olive Courtyard color palette (#FFF3E7, #B47A3A, #5C8B2D, #A04666, #3C3731)
Browse the whole catalog at Explore, or see today's palette.