Petrol Harbor color palette — #DEEAE0 · #73AAC3 · #006CA7 · #00494E · #001233
Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DEEAE0): a clean, paper-quiet neutral.
- Blue Fog (#73AAC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006CA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Dusty Cobalt color palette (#DFEBE1, #8EB6D9, #3F72C8, #00566A, #151749)
- Denim Quarry color palette (#D7E3D9, #59A0A4, #006375, #003D32, #000B13)
- Tempered Petrol color palette (#F4EDE3, #67C4EB, #006DA8, #003D42, #00020C)
- Tempered Periwinkle Archive color palette (#E2F2FF, #89A9FB, #9D85D5, #006C7C, #00132E)
- Patina Navy color palette (#F0E2EA, #5599B8, #00449A, #00302A, #15023E)
- Powdered Cornflower color palette (#D7E5EF, #0092EA, #005B97, #002A4B, #000206)
- Petrol Summit color palette (#EFF8F1, #B3DAF6, #6B9AC8, #007A88, #293A5D)
- Faded Garden color palette (#DCEBF5, #0082B0, #A44600, #004C68, #1F0800)
Browse the whole catalog at Explore, or see today's palette.