Petrol Harbor color palette — #D6F6F4 · #007E8E · #004258 · #00172D · #00000B
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D6F6F4): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007E8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Worn Alley color palette (#CBF0FA, #008AAE, #006488, #003D5C, #000C1A)
- Pine Lantern color palette (#D0EAD3, #008559, #00433C, #002021, #000102)
- Hushed Petrol color palette (#CDE4F9, #0072A9, #843E00, #002E49, #030100)
- Hushed Cobalt color palette (#D6E6F4, #2087D2, #003E89, #271D23, #000718)
- Velvet Courtyard color palette (#CAE5EE, #0071BA, #00299C, #14004D, #020007)
- Antique Lilac Lagoon color palette (#DEEDFA, #AAB1E9, #A96CB6, #00565C, #00000A)
- Dusty Drift color palette (#DDE8F3, #00598C, #6B3600, #482A00, #000103)
- Worn Study color palette (#D5F5E1, #6E7934, #483B00, #1D0E00, #000200)
Browse the whole catalog at Explore, or see today's palette.