Petrol Harbor color palette — #CEE3F4 · #006E9E · #653900 · #372100 · #080800
Peacock and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CEE3F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006E9E): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#372100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Wandering Petrol color palette (#E5F2FF, #0068B4, #702F00, #002F1D, #000B04)
- Weathered Corridor color palette (#CFE6ED, #007579, #850023, #421900, #110400)
- Smoked Loft color palette (#D5E2F3, #004EA7, #352A29, #200D32, #00020A)
- Hushed Cobalt color palette (#BFEAEB, #5B81CB, #72497C, #3E4800, #1D2200)
- Lowlit Delta color palette (#E7F1FF, #003DDF, #473500, #1A1D00, #010200)
- Quiet Lantern color palette (#CDEEFF, #009CBC, #C50C04, #454D00, #222700)
- Nocturne Aubergine Study color palette (#E1F4E3, #00757C, #68005A, #171700, #000201)
- Tempered Studio color palette (#D3ECE1, #3E985B, #006059, #033A61, #001505)
Browse the whole catalog at Explore, or see today's palette.