Petrol Pier color palette — #EFF6FC · #D7DAE5 · #BEC0D7 · #3380A1 · #10202B
Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D7DAE5): a clean, paper-quiet neutral.
- Ash (#BEC0D7): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#3380A1): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#10202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Cerulean Loft color palette (#E8F0F4, #D0D2DE, #B8B6C9, #349FC5, #223039)
- Dusty Terrace color palette (#EFF6FD, #DAD8F3, #AEBBD5, #326297, #050D18)
- Tempered Indigo Hollow color palette (#F1F5FF, #DCD7E1, #CCA8A8, #7870CA, #1E2337)
- Antique Denim Field color palette (#E6F0F6, #C3CDDA, #9C9FB3, #005F74, #203039)
- Aged Iris color palette (#EDF6FF, #CADFFB, #95CEFF, #6E86E6, #001734)
- Worn Powder Chapel color palette (#F0F6FF, #AEBCFA, #8F87B7, #65546D, #362337)
- Inked Sapphire Thicket color palette (#D4E8FF, #0073E0, #182242, #160E13, #00040E)
- Weathered Mint Hollow color palette (#E4FBF9, #69D3A5, #008A70, #285964, #001D1E)
Browse the whole catalog at Explore, or see today's palette.