Petrol Pier color palette — #F8ECE5 · #66C0D7 · #0970A1 · #005146 · #142C56
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8ECE5): a clean, paper-quiet neutral.
- Cyan (#66C0D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0970A1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#142C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Aged Petrol Atelier color palette (#F6E5DC, #98BEA7, #2A70A6, #004D3A, #0C0D3C)
- Antique Cobalt color palette (#FFF2E9, #A2D2BB, #497CAD, #00605D, #2E385C)
- Worn Denim color palette (#F2E4D7, #5EA7D6, #1E52AA, #003D41, #1B1842)
- Lagoon Thicket color palette (#D0EDE4, #00A2A8, #006876, #004361, #242154)
- Soft Azure color palette (#CCEAFF, #00A5E1, #005A83, #002C3E, #001A25)
- Linen Orchard color palette (#E8F1EA, #A4DEEE, #29B2EB, #00918E, #023052)
- Timeworn Lilac color palette (#D9F6FF, #A7C8FF, #AC95D7, #00655A, #073F34)
- Navy Field color palette (#F4E7DC, #378AB2, #003B76, #002223, #05002C)
Browse the whole catalog at Explore, or see today's palette.