Petrol Pier color palette — #F4ECF0 · #76BDD4 · #006EA8 · #005049 · #182B57
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4ECF0): a clean, paper-quiet neutral.
- Cyan (#76BDD4): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#182B57): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Petrol Chapel color palette (#E8EBDB, #66C1E0, #00759D, #004A53, #001828)
- Weathered Alley color palette (#FDF2F6, #9ACDE8, #367AC7, #005F60, #2E3A55)
- Worn Ultramarine color palette (#FAE8EE, #6EA5CF, #1946C7, #003D43, #1E134A)
- Faded Garden color palette (#FDF1F9, #87E1DA, #008FA3, #006B38, #004662)
- Tempered Ridge color palette (#F4EEE4, #A2DEF3, #4AAFE8, #009093, #082F54)
- Cerulean Orchard color palette (#F3E6F0, #1DA1AE, #00516A, #003124, #00152A)
- Patina Ash Cabin color palette (#FAF3F6, #D7DFF0, #739DC7, #3C7B78, #495365)
- Faded Villa color palette (#E2DAEF, #BF4AA2, #007B6F, #7F0068, #00312B)
Browse the whole catalog at Explore, or see today's palette.