Petrol Harbor color palette — #D1F5FF · #006D8D · #00435C · #001828 · #000611
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1F5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006D8D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00435C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000611): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cypress Parlor color palette (#D1E4DD, #007362, #004740, #00201F, #000505)
- Cerulean Field color palette (#CEF4F2, #0094AF, #005882, #002346, #010018)
- Dusty Parlor color palette (#D6E6F7, #005F9B, #810063, #002C4B, #090005)
- Twilit Sapphire Field color palette (#E5EFFA, #006CE1, #00366D, #000D23, #000105)
- Feathered Iris Boulevard color palette (#D3E0EF, #688DFC, #6D62C1, #003C5F, #00031F)
- Navy Workshop color palette (#D9EAFF, #00429E, #02058A, #0B0044, #01000A)
- Feathered Iris color palette (#E9E9F7, #927DEE, #724FB1, #502E6E, #2B1636)
- Fern Ridge color palette (#F2EECD, #676500, #3E3700, #1F1700, #010200)
Browse the whole catalog at Explore, or see today's palette.