Basalt Harbor color palette — #E8F5DB · #9AB296 · #637D68 · #5B3F55 · #3E2533
Built around Cocoa, softened by Sage — the whole palette hums with sophistication.
The five colors
- Honeydew (#E8F5DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9AB296): A luminous, dusty green — the color of fresh herbs.
- Pewter (#637D68): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#5B3F55): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#3E2533): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: 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
- Antique Basin color palette (#CFEDDC, #86AEA7, #3E8580, #754458, #573549)
- Abyss Pier color palette (#E3E5D4, #A3AE90, #65765A, #285043, #321F32)
- Ancient Oat Quarry color palette (#E0F9E9, #ADCFC0, #9E8AA0, #7E676C, #503C3E)
- Worn Onyx color palette (#D7E3F0, #C3A1BE, #7A7CA9, #6C3E57, #4E1528)
- Ancient Pine color palette (#F6F2DE, #92A975, #487139, #444B23, #201D00)
- Timeworn Basalt color palette (#E0F4F8, #93C2D2, #639BAD, #5A6688, #513F6A)
- Softworn Market color palette (#E6DBE7, #8594BE, #615B83, #55322F, #3B1019)
- Ancient Cobalt Boulevard color palette (#EFF4E8, #ACD0C6, #557EB2, #005677, #0D1E43)
Browse the whole catalog at Explore, or see today's palette.