Petrol Pier color palette — #FBE8F2 · #77C2E3 · #2D66B2 · #003F36 · #030012
A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBE8F2): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#77C2E3): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#2D66B2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003F36): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#030012): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Cobalt Garden color palette (#FEF1F5, #A0D2FD, #6373C4, #005153, #140029)
- Denim Orchard color palette (#E8DDE7, #5CB1B8, #005D7D, #002D15, #000106)
- Airy Navy Summit color palette (#EEE2D9, #3C9BC1, #004694, #00302A, #120A35)
- Gentle Cobalt Harbor color palette (#F4EDE3, #86B8D0, #108AD3, #006C74, #001134)
- Quiet Basin color palette (#FFE7EE, #BB0064, #00675B, #004E45, #040001)
- Hushed Cypress color palette (#FFF1F7, #D8D3DE, #8DA6D9, #008079, #30274B)
- Antique Archive color palette (#F7DEEB, #C14A94, #00786A, #6C004D, #000201)
- Grape Bloom color palette (#FAF2FF, #FFAD9B, #B9A554, #6E489A, #160002)
Browse the whole catalog at Explore, or see today's palette.