Petrol Pier color palette — #F1F3EC · #C5E1E1 · #6EA4C5 · #14778A · #133F34
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C5E1E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#6EA4C5): A luminous, dusty blue — the color of open sky before noon.
- Teal (#14778A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#133F34): A deep, shadowed, dusty teal — the color of sea glass.
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
- Petrol Orchard color palette (#EAEADC, #80C0C3, #007986, #004C46, #001A20)
- Washed Azure Balcony color palette (#FAF3F6, #D7DFF0, #6F9ECB, #3E7A77, #495365)
- Wandering Navy Harbor color palette (#E8EDE0, #5D8FB9, #004989, #00293A, #000315)
- Wandering Lagoon Quarry color palette (#F2F3E9, #BADAB6, #009599, #006453, #002B30)
- Worn Plum color palette (#FCEEED, #D3A3B8, #749FD2, #A84E7A, #3F2741)
- Hushed Cobalt Cabin color palette (#FFEDEB, #C4879E, #B77F4D, #776DB1, #36211F)
- Worn Driftwood color palette (#FFEDEA, #E0D5C9, #A6B494, #AE7B92, #473430)
- Bronze Villa color palette (#F8F0E9, #CCB7A0, #AA7641, #7E4918, #362A19)
Browse the whole catalog at Explore, or see today's palette.