Dusty Petrol Harbor color palette — #FFD8CD · #CAAD93 · #939869 · #636398 · #603B40

Built around Slate, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8CD): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CAAD93): A luminous, dusty gold — the color of honey in a jar.
• Moss (#939869): A luminous, dusty green — the color of new leaves after rain.
• Slate (#636398): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#603B40): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Muted Basalt Atelier color palette (#FFE2C7, #C0B38B, #6D9C80, #875B64, #5A3147)
• Dusty Basin color palette (#FFE7DA, #BEA760, #65986A, #7F4395, #6A1F36)
• Petrol Coast color palette (#FFE1E7, #D8B2AE, #AD8669, #0B7087, #37456A)
• Wandering Pewter color palette (#FFF0FA, #B8DCBC, #7AAAA1, #5D6388, #373A4E)
• Frosted Drift color palette (#F4DAD2, #BC8A5E, #6A6D3B, #42417E, #3E073C)
• Pewter Balcony color palette (#CBEDD6, #ABAD7F, #64794B, #165E5B, #2C3F5B)
• Byzantium Orchard color palette (#E9E7C5, #95B953, #994FC1, #5D6DC6, #233105)
• Wandering Iris Drift color palette (#F3EFDC, #A4B05F, #798BF2, #6F7A00, #272F67)

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