Petrol Harbor color palette — #DFEEF5 · #006A8C · #3C3236 · #002740 · #000B14
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFEEF5): bright and airy, almost weightless.
- Peacock (#006A8C): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3C3236): a grounded near-black with real depth.
- Midnight (#002740): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Petrol Canyon color palette (#C7E9FF, #006A88, #292327, #0A0D30, #000102)
- Worn Azure Drift color palette (#D8E7F4, #0099E0, #3C4F65, #232F3A, #111A1F)
- Dusty Cerulean Lantern color palette (#DEF4E9, #0085AD, #274364, #002417, #000301)
- Worn Bloom color palette (#DBEBE8, #5AC4C9, #008491, #005A53, #00242C)
- Violet Basin color palette (#E6EAFF, #955BFF, #4F3B60, #21253A, #0E111C)
- Eclipse Lantern color palette (#D4E0F4, #0051DA, #1A1F49, #281C23, #00081D)
- Washed Delta color palette (#E2E7FA, #5555FF, #AC2789, #006470, #0A0C2F)
- Faded Sapphire Workshop color palette (#CEE7FB, #008CE5, #0065C5, #0E3597, #121B4B)
Browse the whole catalog at Explore, or see today's palette.