Petrol Harbor color palette — #E7F7EA · #8BC6D5 · #007CA5 · #00524E · #001C31
A conversation between Cerulean and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8BC6D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001C31): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Soft Dune color palette (#E8F6EB, #94C1E5, #296ED1, #004F60, #0E0256)
- Quiet Cobalt Archive color palette (#FFF2EB, #45CBE6, #0074B2, #005840, #232E60)
- Worn Denim color palette (#E4F2E7, #77A3BB, #005F87, #00393A, #000B1C)
- Soft Canyon color palette (#FEF4E4, #88D9ED, #0099CA, #00736E, #003659)
- Navy Bloom color palette (#DBE7DD, #4C7F9E, #003C70, #001E24, #00000C)
- Azure Delta color palette (#FFF0FB, #D5D8F4, #1EA0FA, #00755B, #18185B)
- Washed Moss color palette (#D9E2CE, #45AB00, #006B31, #003F2C, #00221C)
- Soft Drift color palette (#8AF8D4, #00B897, #00725B, #003729, #000C08)
Browse the whole catalog at Explore, or see today's palette.