Petrol Pier color palette — #EAEDDD · #4CAFCB · #0080A6 · #005C65 · #000B14
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EAEDDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#4CAFCB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Sunlit Cobalt color palette (#E8EEDE, #6EA5DB, #2D72CE, #00587B, #00032A)
- Cerulean Studio color palette (#F9EDE6, #14A3C1, #005E8C, #003C35, #000624)
- Dusty Station color palette (#E4E5D9, #7FCFD7, #00A4BA, #007D78, #00242D)
- Dusty Navy color palette (#F2E6E0, #438296, #003D6B, #002018, #01000B)
- Weathered Periwinkle Market color palette (#ECF0E4, #AAD9FF, #5EA9F6, #2689B0, #132D55)
- Airy Olive Veranda color palette (#DFE3D1, #6C7700, #00776A, #8C3F00, #020200)
- Hushed Aqua Basin color palette (#F5F6EC, #ABEFED, #39C7D1, #519B8D, #00434C)
- Chalky Clover color palette (#E9F1CE, #8BBA63, #55A96A, #6E6900, #091100)
Browse the whole catalog at Explore, or see today's palette.