Petrol Harbor color palette — #E5FAF9 · #8AC0DD · #0075AE · #005365 · #00345D
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#8AC0DD): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0075AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005365): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Cypress color palette (#E6FAF5, #83C6C0, #007E80, #005748, #003B40)
- Airy Hollow color palette (#FFECF5, #85C5E6, #0070D3, #005152, #10084F)
- Dusty Denim color palette (#DCECEB, #82A3BE, #005B95, #003B4D, #001E43)
- Ancient Cornflower color palette (#FFF3E9, #85D6FF, #1B8CF9, #007272, #262C63)
- Softworn Sky Coast color palette (#F3F9E1, #ADE2FF, #3EB5FD, #0093B0, #00345D)
- Tempered Abyss color palette (#DCE8E6, #619B9E, #00545D, #00302C, #00171D)
- Dusty Summit color palette (#F0DCFA, #CF5186, #846E00, #900050, #372D00)
- Feathered Amber Boulevard color palette (#FFCFE0, #B98129, #824D00, #5E2D00, #372500)
Browse the whole catalog at Explore, or see today's palette.