Basalt Harbor color palette — #D3ECE8 · #A1C5A9 · #78A08B · #8E697E · #3F2D4F

Navy takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3ECE8): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#A1C5A9): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#78A08B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#8E697E): A full-bodied, dusty pink — the color of a candy shop window.
• Navy (#3F2D4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Petrol Archive color palette (#D0EFDA, #87C5B0, #7E9C7A, #5678A4, #492E42)
• Parchment Station color palette (#CCF0D1, #A9CCB7, #8AB7A7, #9E7887, #5B3F45)
• Worn Pewter color palette (#D4E3DA, #8AB8D8, #799CC8, #8D6793, #542E48)
• Basalt Atelier color palette (#D7E9FF, #CFAAC6, #B28BA0, #915F73, #58222B)
• Weathered Veranda color palette (#F0EBD3, #9FAA87, #6D8D72, #81444B, #56340E)
• Aged Station color palette (#DAFFEF, #95C6C2, #499BA0, #813A4A, #3D2100)
• Ancient Jade Coast color palette (#E4E7D2, #89CC9D, #45A67D, #5B8057, #252D05)
• Washed Petrol Market color palette (#C6E9E4, #41A4B0, #007292, #323A59, #1B1937)

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