Petrol Harbor color palette — #DDEDEB · #83BDD3 · #00759E · #004A53 · #001828
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDEDEB): a clean, paper-quiet neutral.
- Sky (#83BDD3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001828): 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
- Washed Cobalt Workshop color palette (#EAF4F4, #B0CBE1, #3C82B5, #00586D, #03213F)
- Dusty Coast color palette (#F6ECE6, #93BCA7, #006DAD, #00504B, #18295E)
- Denim Ridge color palette (#DFEFEF, #73A1CA, #0056A9, #00364C, #00042D)
- Petrol Chapel color palette (#EBF4F3, #D2DAEE, #76A2C0, #377584, #25384A)
- Softworn Cerulean color palette (#DDEEEB, #4298A4, #005262, #002C2B, #000509)
- Powdered Denim Ridge color palette (#E9ECFF, #DCB9F2, #C28DBF, #524D97, #231233)
- Tempered Mulberry color palette (#EDE7FF, #764FBF, #A71A56, #005471, #0F0223)
- Powdered Terrace color palette (#D6E1FE, #7372D1, #007C72, #3E29A3, #001614)
Browse the whole catalog at Explore, or see today's palette.