Dusty Harbor color palette — #FFF2EC · #A6A1CF · #87699A · #814643 · #57404A

A conversation between Coffee and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Mauve (#A6A1CF): A luminous, dusty violet — the color of wild irises.
• Slate (#87699A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#814643): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#57404A): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Dusty 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

• Cobalt Station color palette (#F1F8E8, #7FAECC, #5878A9, #71496E, #324E46)
• Timeworn Pewter Thicket color palette (#F4F3E2, #82B0E0, #876AA0, #4B5832, #352732)
• Weathered Station color palette (#FFF1F3, #B287B1, #9E595F, #7A4400, #454517)
• Washed Lilac Orchard color palette (#FFF0FE, #C9CBFF, #BAA1DA, #AE7D7F, #434757)
• Pale Mulberry Quarry color palette (#FEEADC, #AC6D9F, #8B3A5B, #5B3600, #482426)
• Lilac Loft color palette (#E7FAF4, #91C3F7, #A382C1, #657648, #3E485B)
• Bronze Cabin color palette (#FFF1F5, #E2C5CA, #A98585, #9D6338, #744703)
• Worn Atelier color palette (#F5F6EF, #CBE3DC, #66A5AE, #297E75, #355240)

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