Petrol Pier color palette — #EEE0E8 · #6DABC7 · #0068B5 · #004A48 · #080840
Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Rose Water (#EEE0E8): a clean, paper-quiet neutral.
- Cyan (#6DABC7): A luminous, dusty blue — the color of open sky before noon.
- Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#080840): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Pier 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
- Petrol Bloom color palette (#EADAE6, #73ADB0, #00718C, #004C34, #001527)
- Patina Cobalt Coast color palette (#F0E1E6, #96B5D2, #4F6FC6, #005862, #210C51)
- Dusty Petrol Delta color palette (#FCEADE, #45C6F8, #0069B5, #003E3C, #010015)
- Denim Delta color palette (#EEF1E2, #5D98B3, #004F73, #002E38, #001528)
- Timeworn Cabin color palette (#D1E3E2, #43BFF0, #008DC8, #006A7D, #001528)
- Antique Wisteria Villa color palette (#D5E5F0, #99ABDD, #B774D2, #006C70, #001733)
- Softworn Azure Harbor color palette (#C8E4FB, #0095DF, #00548C, #002944, #000206)
- Cobalt Orchard color palette (#F8EAF2, #A8CADE, #308CD1, #006D66, #192A5B)
Browse the whole catalog at Explore, or see today's palette.