Basalt Coast color palette — #F8F5E9 · #B0B291 · #547F63 · #724A68 · #454600

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Sage (#B0B291): A luminous, dusty green — the color of new leaves after rain.
• Fern (#547F63): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#724A68): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Ancient Cocoa Grove color palette (#FAF4EC, #CAC0A7, #7D8758, #825B51, #614A00)
• Washed Lagoon color palette (#F7F1E6, #B5B690, #2D876A, #6B4A52, #292916)
• Patina Courtyard color palette (#FCF5E1, #99AD68, #367C25, #863123, #34400C)
• Tempered Corridor color palette (#ECF9F1, #A1CFC6, #47A384, #726D8D, #294943)
• Worn Boulevard color palette (#FFF3E5, #D3B083, #9C6A19, #623F00, #432B00)
• Aged Grape Field color palette (#FFF3E7, #AE7D4B, #008E83, #7E4BB0, #3C3731)
• Teal Garden color palette (#E9FAF3, #C1DFB5, #7DBD93, #9589A9, #2D4944)
• Patina Garnet Drift color palette (#EBEDD8, #55A57B, #006A59, #7C0441, #003821)

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