Petrol Harbor color palette — #DFE8EF · #B8C6D4 · #96A6BC · #006798 · #14212B
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFE8EF): a clean, paper-quiet neutral.
- Oat (#B8C6D4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#96A6BC): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006798): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#14212B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Hushed Coast color palette (#DDE5F0, #ABB5C6, #8C95AD, #2C4F93, #0B1421)
- Wandering Cerulean Atelier color palette (#DBE6E1, #D0BEC3, #CB9FA0, #198BB8, #10241C)
- Aged Chapel color palette (#F0F5FF, #D6DEF3, #B6BCDC, #5A6DD2, #2A3344)
- Aged Quarry color palette (#D6F8F8, #30A88D, #007066, #004F54, #001F23)
- Muted Ridge color palette (#ECEFFF, #968BB9, #82608F, #6D3A3E, #471E13)
- Muted Driftwood color palette (#F6F4FC, #E0D5DE, #CAB8C3, #A16AA0, #3B3844)
- Dusty Indigo Study color palette (#D7E6FB, #4BB4FF, #9B82F0, #6E61E6, #040F41)
- Cornflower Lagoon color palette (#F0DAF3, #3B7EE0, #4B47AB, #66093F, #071238)
Browse the whole catalog at Explore, or see today's palette.