Petrol Pier color palette — #F0DFEC · #52B0BD · #007FA7 · #005F4A · #000919
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F0DFEC): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#52B0BD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Gentle Ridge color palette (#E9DAE0, #60AAD2, #1C72D5, #005D5F, #060227)
- Hushed Alley color palette (#E5E6D6, #3CA2B0, #006375, #003B3B, #000B11)
- Pine Boulevard color palette (#F5E9F1, #69D4CE, #00A4BB, #0C8248, #002333)
- Muted Ridge color palette (#F6EEE1, #44848C, #004354, #00201B, #000103)
- Azure Market color palette (#D9EFDF, #4EC5BD, #48A0D4, #6D6E00, #000E09)
- Wandering Jade Boulevard color palette (#D5F3E8, #00A783, #007553, #004228, #000201)
- Mulberry Harbor color palette (#D0F3F1, #2BAB5F, #942593, #006632, #100010)
- Timeworn Periwinkle Delta color palette (#FBE9F2, #97DEFF, #69A9EB, #00918E, #222B4F)
Browse the whole catalog at Explore, or see today's palette.