Petrol Harbor color palette — #EFE8DD · #82BED2 · #0074A3 · #004B4C · #00162F
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#82BED2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Powdered Petrol Boulevard color palette (#F7EAF1, #77BDD3, #006BB3, #005140, #252950)
- Cobalt Studio color palette (#F6F1E9, #A5D3C0, #3981BD, #005A63, #0F1F3F)
- Gentle Ultramarine Orchard color palette (#F1EBE2, #6DA2CC, #0052B6, #003844, #050130)
- Patina Abyss color palette (#ECE2D2, #4F979F, #005265, #002C26, #00050A)
- Aged Azure Canyon color palette (#F5F1EB, #C6E4E3, #6CA3CB, #31777C, #422F42)
- Linen Blush Archive color palette (#FFDEEE, #D8BBE6, #E57EBD, #415490, #211231)
- Amethyst Terrace color palette (#FEE1EF, #7249D2, #934500, #005A47, #0D0325)
- Antique Balcony color palette (#D8E8FA, #517DE3, #4321DE, #3B077C, #240739)
Browse the whole catalog at Explore, or see today's palette.