Petrol Pier color palette — #CAEFFB · #0078AB · #004F84 · #001F58 · #070032
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAEFFB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0078AB): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001F58): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#070032): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Lowlit Cobalt color palette (#D3EEFF, #007ABD, #003E6F, #000E2B, #00000A)
- Petrol Drift color palette (#C5E9E6, #007983, #005467, #003040, #000B16)
- Onyx Study color palette (#CBF8FC, #00637C, #003562, #13004C, #0C001D)
- Nightshade Thicket color palette (#D5E6EB, #0082A8, #005FA6, #1D1E9E, #060021)
- Wandering Market color palette (#CFE4F5, #006CC9, #1D00CC, #200066, #0B0023)
- Dusty Orchid Cabin color palette (#F0E3F0, #9F98E0, #AF65C7, #00577A, #09062A)
- Sapphire Hollow color palette (#F0E5F0, #0065CD, #735100, #003673, #0A0500)
- Aged Sapphire color palette (#D2E6F7, #5E9FFF, #4656FD, #4C37AB, #342053)
Browse the whole catalog at Explore, or see today's palette.