Petrol Harbor color palette — #E7F6EE · #C4DCDD · #A9C7BE · #037697 · #182921
Built around Teal, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F6EE): a clean, paper-quiet neutral.
- Silver (#C4DCDD): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#A9C7BE): A luminous, dusty teal — the color of glacier melt.
- Teal (#037697): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#182921): 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
- Muted Petrol color palette (#F7EEF7, #EBCFD5, #CDB8C5, #416BA9, #2B212B)
- Denim Bloom color palette (#DFEDE7, #BDD0CB, #AF9DAE, #1D5B7D, #0B1914)
- Muted Coast color palette (#EFF6FB, #D6D9E7, #ABBED8, #007692, #2F434E)
- Hushed Cerulean Ridge color palette (#EEF8F2, #C4DBEC, #C6C4B1, #00A2C2, #293930)
- Washed Jade Orchard color palette (#F0F5DC, #63BD8E, #007E61, #195752, #1C2406)
- Misty Cornflower color palette (#D7FBEE, #67DCFF, #61C0FF, #4E77D5, #001B38)
- Tempered Alley color palette (#F8EFF2, #E0D4D1, #B6ACA1, #9A7784, #3B3436)
- Feathered Periwinkle Lagoon color palette (#D9E8FF, #97A9FB, #766CAD, #764356, #491D22)
Browse the whole catalog at Explore, or see today's palette.