Petrol Pier color palette — #EDF0E6 · #93BBB0 · #2E67B3 · #004B6A · #162A5B
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF0E6): a clean, paper-quiet neutral.
- Ash (#93BBB0): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#2E67B3): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#162A5B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Timeworn Hollow color palette (#EEF0E3, #83BCCA, #007390, #004F53, #003347)
- Tempered Sapphire Coast color palette (#EFE8DF, #92B8DC, #4862C2, #004A54, #170E30)
- Worn Cerulean color palette (#F5F7E8, #A1D9E7, #008DAF, #00666B, #004660)
- Patina Basin color palette (#EAF1E9, #A0C9F0, #5F7EE5, #006A78, #2E264E)
- Wandering Periwinkle Thicket color palette (#E3F2F2, #B1D7FF, #72A6F0, #3987B1, #1D2C50)
- Denim Coast color palette (#E7E9DF, #6397B1, #004F76, #002E39, #001529)
- Chalky Study color palette (#F2DCE5, #7555B3, #A22655, #005472, #23163B)
- Ancient Cypress color palette (#F5F6EF, #CCE1DB, #80A485, #128070, #36523E)
Browse the whole catalog at Explore, or see today's palette.