Petrol Pier color palette — #E9F3FF · #6CB2F6 · #0067B3 · #003761 · #000A1A
A conversation between Cobalt and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F3FF): bright and airy, almost weightless.
- Cornflower (#6CB2F6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0067B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003761): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000A1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Tempered Periwinkle color palette (#EEF6FF, #599EF2, #0065A8, #003564, #00203A)
- Timeworn Turquoise color palette (#D6F1FF, #40B7D5, #00748C, #003945, #001015)
- Linen Indigo color palette (#ECF2FF, #A4B5F4, #6070C6, #2C3477, #0D1035)
- Aged Cornflower color palette (#EFF6FF, #B9DBFF, #0A93EF, #054D93, #001123)
- Muted Chapel color palette (#E8F3FF, #C4D5FF, #AFB1FF, #376D91, #152334)
- Feathered Grape color palette (#EFF1FF, #B098EA, #7145B7, #3F166E, #15022D)
- Linen Nightshade Orchard color palette (#E5EEFC, #3D80E8, #002FC3, #00124E, #000108)
- Muted Iris color palette (#EFF0FF, #DBC5F7, #9876B9, #553E6C, #1A1832)
Browse the whole catalog at Explore, or see today's palette.