Basalt Harbor color palette — #D8E4C4 · #88AB8A · #528096 · #694A4A · #563500

Cocoa and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D8E4C4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#88AB8A): A luminous, dusty green — the color of fresh herbs.
• Slate (#528096): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#694A4A): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Basalt Meadow color palette (#D7EFD6, #85B5CC, #617297, #744D41, #523F00)
• Muted Station color palette (#ECDEC9, #9FA485, #5F7E67, #614219, #342109)
• Wandering Basin color palette (#F6F6E7, #76A983, #31705C, #514E00, #313A00)
• Ancient Ridge color palette (#CAE7DF, #48979F, #23567C, #552A38, #470E03)
• Worn Glacier color palette (#C0F2F5, #91D8D4, #83ACC6, #8F7DA3, #513C4F)
• Dusty Bronze Ridge color palette (#E0FEED, #CDBDCE, #A28896, #9F613E, #704900)
• Cocoa Summit color palette (#F2DBF2, #8F93C4, #795983, #623F06, #383507)
• Muted Rust Cabin color palette (#E2F4E7, #009FB6, #B75848, #006271, #56241C)

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