Petrol Harbor color palette — #DDE6DF · #B4CAC2 · #B49CAF · #006D7B · #142319
Built around Teal, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Parchment (#DDE6DF): bright and airy, almost weightless.
- Stone (#B4CAC2): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#B49CAF): A luminous, dusty pink — the color of peonies in June.
- Teal (#006D7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#142319): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Denim Atelier color palette (#D8E6E0, #BCB0BB, #AD899C, #005A7C, #001910)
- Forest Corridor color palette (#DDE0D8, #BDC8BC, #8DAE9B, #00734D, #1C2213)
- Denim Orchard color palette (#EEE6ED, #CDC0C7, #BB9BA3, #2A5EAC, #271A27)
- Wandering Cerulean Chapel color palette (#D9E5DE, #ADC5C5, #81B4B8, #008FAB, #11241A)
- Worn Cobalt Parlor color palette (#EAF9F4, #ECD7E6, #D6B3C0, #007EC3, #1A3A31)
- Timeworn Atelier color palette (#D6ECEA, #679ECB, #6F6792, #5A4700, #1E2902)
- Dusty Cypress color palette (#F3F0E1, #75A06A, #007252, #004E5A, #082102)
- Cerulean Studio color palette (#F0F7F3, #DED4D3, #ACA194, #5C99AE, #3E4B44)
Browse the whole catalog at Explore, or see today's palette.