Petrol Pier color palette — #F2E7DD · #93BFAD · #336CB2 · #004B4C · #0F0C3D
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E7DD): a clean, paper-quiet neutral.
- Mint Leaf (#93BFAD): A luminous, dusty teal — the color of sea glass.
- Slate (#336CB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F0C3D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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 Bloom color palette (#EDF0E6, #92BCAB, #006EA8, #004D5F, #002F56)
- Aged Corridor color palette (#F2E6E0, #7EC2BE, #00788B, #004F2A, #001826)
- Timeworn Cerulean Summit color palette (#FBEFEA, #94DEE4, #0090B5, #006549, #002743)
- Antique Denim color palette (#FAE4D8, #5395A7, #004F75, #002C26, #000316)
- Ash Atelier color palette (#F7F1EB, #C6E6E8, #859DC5, #39767B, #442E3C)
- Amber Coast color palette (#F6E8DE, #CC7534, #00619E, #6E3400, #001325)
- Sunlit Navy Garden color palette (#F7E9DB, #965C00, #006593, #004B92, #130800)
- Airy Jade Terrace color palette (#FFEEDE, #D9C377, #7EB977, #934645, #251500)
Browse the whole catalog at Explore, or see today's palette.