Dusty Petrol Harbor color palette — #F3F4FF · #B9A3F0 · #91A958 · #0C7CAA · #202336
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#B9A3F0): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#91A958): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#0C7CAA): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#202336): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Airy Jade Bloom color palette (#F8F2FF, #EA91C4, #57B573, #4F72AF, #292033)
- Muted Lilac color palette (#F2F5FF, #AEA5FF, #00B2C3, #4178A2, #1E2337)
- Aged Hollow color palette (#EEF6FF, #7CB5FF, #79AE6D, #4F8145, #172637)
- Tempered Amber Parlor color palette (#E4FBF2, #F5B2E9, #C87C51, #176C8C, #3B2B40)
- Feathered Fuchsia Terrace color palette (#FFF1F2, #FB8AE7, #A1B869, #549F94, #422C2E)
- Faded Bronze Lantern color palette (#FBF1FF, #D8819D, #AB7300, #006381, #1C1120)
- Ancient Balcony color palette (#FAF2FF, #F090B8, #D68766, #1D865E, #2A2030)
- Fuchsia Workshop color palette (#F7F3FF, #F267DD, #00A5B0, #7D4AAB, #1F152F)
Browse the whole catalog at Explore, or see today's palette.