Petrol Harbor color palette — #EFF8F1 · #CCDDE0 · #C4ABB9 · #276F7B · #323E36
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Silver (#CCDDE0): bright and airy, almost weightless.
- Rosewood Mist (#C4ABB9): A luminous, dusty pink — the color of neon signs at night.
- Teal (#276F7B): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#323E36): A deep, shadowed, dusty teal — the color of sea glass.
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
- Aged Cabin color palette (#EFF7F3, #CFDCDD, #ACC3C7, #298CAC, #2E3F36)
- Petrol Delta color palette (#ECF3F8, #D3D6DF, #ADB9C5, #0A6F8B, #13232C)
- Aged Market color palette (#FCF2F7, #ECD5CD, #D3B4AD, #68619B, #483C42)
- Antique Abyss Canyon color palette (#D8E3DD, #C6B1C4, #A28591, #004C60, #17221C)
- Worn Denim color palette (#F7EBEF, #DCC6C7, #B9988D, #5D4685, #362A2F)
- Aged Chestnut Meadow color palette (#CCEBEA, #98AFD7, #8F646C, #6A4E00, #3A4100)
- Aged Jade color palette (#FAF5E5, #74AB6F, #157261, #2D5447, #35362F)
- Hushed Navy color palette (#E6DCE2, #A89498, #896764, #211A69, #0F060C)
Browse the whole catalog at Explore, or see today's palette.