Dusty Petrol Harbor color palette — #F9F3F7 · #E4D8D6 · #CEBCB1 · #686FA4 · #50444B

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#E4D8D6): bright and airy, almost weightless.
• Stone (#CEBCB1): A luminous, dusty gold — the color of honey in a jar.
• Slate (#686FA4): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#50444B): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Pewter Hollow color palette (#EFF2F8, #DDD6E1, #C9B8C9, #706F9E, #2A2C32)
• Plum Garden color palette (#FDF2F3, #E2D7CE, #D2B6A2, #A13993, #4E393B)
• Violet Summit color palette (#F2DFE4, #875AA7, #472925, #2F161F, #150B0D)
• Dusty Grape color palette (#FEF1F6, #E1CDCE, #CB979A, #6C35B1, #482736)
• Driftwood Delta color palette (#D8FFF4, #CBA7B5, #A5786F, #586A4D, #395348)
• Cypress Drift color palette (#FBF4EA, #B5B18E, #468261, #764D4A, #4B4300)
• Tempered Drift color palette (#F1F8E7, #6B9DC9, #85558D, #005D3F, #4F3247)
• Mulberry Garden color palette (#F6ECEB, #D8C8C3, #AF9D8C, #892867, #3C2828)

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