Petrol Harbor color palette — #B9F2D0 · #5AB4BB · #1E75AD · #663D26 · #240F00
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Mint (#B9F2D0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5AB4BB): A luminous, balanced blue — the color of open sky before noon.
- Slate (#1E75AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#663D26): A full-bodied, dusty orange — the color of sun-warmed clay.
- Ink (#240F00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Softworn Cobalt color palette (#D1EBE8, #64B6E4, #6666AB, #503D0E, #211800)
- Weathered Garnet color palette (#E5E4C4, #80AB8B, #297B86, #742C3C, #331100)
- Denim Pier color palette (#C7EEE1, #2AA5B9, #4052A6, #3D2500, #120C00)
- Turquoise Drift color palette (#BBE9EA, #00B6D4, #548BAA, #745061, #451F2B)
- Wandering Teal color palette (#DFFDF7, #52B892, #006E6C, #21460E, #000A0B)
- Weathered Teal color palette (#D9ECE8, #00A9B2, #006782, #00415E, #000721)
- Aged Denim Atelier color palette (#D0F0F6, #6083B5, #654378, #252100, #010100)
- Rust Bloom color palette (#C0E8FF, #0087A8, #BB3400, #6E4E00, #000203)
Browse the whole catalog at Explore, or see today's palette.