Petrol Coast color palette — #E0EBE2 · #6BB0AC · #00747F · #004C36 · #00171F
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#E0EBE2): bright and airy, almost weightless.
- Turquoise (#6BB0AC): A luminous, dusty teal — the color of sea glass.
- Teal (#00747F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C36): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Coast 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 Workshop color palette (#DEECE1, #7ABEC9, #0081A1, #005A51, #002235)
- Aqua Workshop color palette (#F5EDE0, #6BC9C4, #007580, #00402D, #000305)
- Washed Denim color palette (#D6E3D9, #6F99B1, #005E8B, #003B3D, #00091B)
- Ultramarine Garden color palette (#E3EFE5, #76A8CB, #0065C0, #004855, #050840)
- Pine Veranda color palette (#F1DDD7, #4FC5BF, #0092AF, #147215, #001529)
- Hushed Cerulean Dune color palette (#D2E6CC, #7BBB9F, #00A3AD, #4C5A00, #001E0D)
- Quiet Grove color palette (#EBF9EE, #84DBE2, #009CB9, #007462, #00384E)
- Antique Hollow color palette (#E6F2E8, #AAC8E5, #5C85CE, #006880, #242855)
Browse the whole catalog at Explore, or see today's palette.