Petrol Harbor color palette — #D1E2E5 · #00748D · #003F57 · #001B2D · #050417
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D1E2E5): a clean, paper-quiet neutral.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003F57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B2D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#050417): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Teal Lantern color palette (#D6F5FF, #00A9B3, #007693, #004B77, #000F18)
- Onyx Thicket color palette (#C7F5F0, #006374, #00344E, #27003C, #000E14)
- Timeworn Cypress color palette (#E1F4E9, #007E66, #004B43, #001E1D, #000910)
- Abyss Corridor color palette (#E2EFF3, #96AEB9, #658497, #004045, #04171D)
- Softworn Cerulean Lagoon color palette (#C3E9E6, #0093AA, #005F81, #003053, #010036)
- Abyss Corridor color palette (#D5E5F0, #5F5357, #003F55, #221B22, #000914)
- Weathered Cobalt Cabin color palette (#D1E6F5, #006BBE, #003286, #0C005B, #0A002E)
- Deep Navy color palette (#C8E8FC, #005269, #190081, #24002B, #000A06)
Browse the whole catalog at Explore, or see today's palette.