Petrol Coast color palette — #EFE8DC · #76C3C0 · #007986 · #004D39 · #001922
Teal and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DC): bright and airy, almost weightless.
- Mint Leaf (#76C3C0): A luminous, dusty teal — the color of glacier melt.
- Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Washed Forest Studio color palette (#F4EBF5, #78C0BD, #00748E, #095416, #112F4C)
- Ancient Cerulean color palette (#F7F1E8, #ADD3B4, #008AA6, #005D50, #002435)
- Patina Cobalt color palette (#EDE8E0, #8ABBD7, #006DBC, #004A54, #061236)
- Hushed Balcony color palette (#F1E8DA, #60A8BA, #006181, #003A37, #000C19)
- Cerulean Drift color palette (#E9E2D7, #2C8694, #004255, #00201C, #000103)
- Timeworn Cerulean Corridor color palette (#F5F1EB, #C3E6D4, #5295C3, #006C71, #382339)
- Faded Market color palette (#EEDDE0, #9F32AA, #785800, #00575E, #1C0107)
- Aged Fern color palette (#F3EACF, #7F8F4C, #5D5700, #3F2E00, #100F00)
Browse the whole catalog at Explore, or see today's palette.