Petrol Harbor color palette — #EDF8F7 · #B4D9F8 · #699AC8 · #007798 · #223B5C
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#B4D9F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#699AC8): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007798): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#223B5C): 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
- Cypress Garden color palette (#ECF8F5, #B5DCE6, #50A5A8, #127D6B, #114150)
- Ancient Periwinkle color palette (#F3F7EC, #D9D5E1, #51ACFB, #007A9C, #3D243E)
- Softworn Station color palette (#CEE8E4, #6EADBA, #00728B, #004A4C, #001721)
- Denim Loft color palette (#D5EDEC, #6598C3, #0057A6, #00384E, #000526)
- Dusty Cobalt color palette (#FCF2F6, #AFC8DD, #5278B7, #005F65, #36365A)
- Worn Courtyard color palette (#EEF7F7, #D7DCEB, #8BB7DA, #5290A4, #435467)
- Aged Quarry color palette (#FCF3EC, #BEECDB, #83B2FF, #009EA8, #4F2E43)
- Aged Moss Garden color palette (#C5EFE5, #75A648, #009CA1, #A86600, #1F310F)
Browse the whole catalog at Explore, or see today's palette.