Petrol Pier color palette — #ECF8F9 · #75BFB0 · #506EA5 · #006F61 · #1C2531
A conversation between Slate and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F9): bright and airy, almost weightless.
- Mint Leaf (#75BFB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#506EA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Teal (#006F61): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#1C2531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Indigo Corridor color palette (#EDF7FE, #7CB8D3, #7160AF, #00698A, #1F2236)
- Pine Thicket color palette (#EDF8F7, #8FBC95, #007D8A, #1A7232, #0C2831)
- Turquoise Garden color palette (#E8FBEB, #28A9BA, #3C6E9B, #723B3E, #27414F)
- Violet Meadow color palette (#EBF4F3, #90C19B, #9D6EC0, #006631, #0D0B1E)
- Airy Emerald color palette (#F3F7ED, #93D5B2, #7789D9, #009864, #311C2C)
- Muted Cypress color palette (#EEF7FA, #D6DBE6, #BBBFD0, #318287, #3C4A50)
- Hushed Navy Veranda color palette (#C0FFFC, #5DBED5, #1F85AD, #1B4E84, #233281)
- Aubergine Corridor color palette (#DBEBF4, #00657F, #31006B, #00212C, #02000B)
Browse the whole catalog at Explore, or see today's palette.