Basalt Harbor color palette — #FFF1F5 · #D9D3DD · #C4B7B3 · #788F81 · #55373D

A conversation between Cocoa and Eucalyptus, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#D9D3DD): a clean, paper-quiet neutral.
• Stone (#C4B7B3): soft and architectural.
• Eucalyptus (#788F81): A luminous, dusty teal — the color of sea glass.
• Cocoa (#55373D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged candy, vibrant, light, 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

• Weathered Lagoon Dune color palette (#FBF3EF, #C5DEE8, #99CED5, #649E98, #5C4558)
• Ancient Delta color palette (#FBF2FC, #CDD9F0, #D8B8EB, #B6ABB0, #4D3745)
• Dusty Parlor color palette (#F8F5EC, #C0E1D5, #A5B58D, #997D85, #494A00)
• Patina Hollow color palette (#FFF2EF, #E3D0D1, #E2A64D, #ACB5A6, #451F19)
• Wandering Ash Lagoon color palette (#FFF1F6, #FFD2E2, #D296BA, #9C6473, #6B4B40)
• Timeworn Canyon color palette (#FAEEF2, #E3D6E6, #F7B8DF, #C281B9, #392228)
• Worn Grove color palette (#FFF1F1, #FED1D3, #8FDECC, #C77FAA, #3A4C31)
• Lilac Boulevard color palette (#FFF1F5, #C29DDA, #654E4D, #34272B, #130E11)

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