Petrol Coast color palette — #E9EAE0 · #81C0C6 · #00788A · #004B48 · #001921
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E9EAE0): bright and airy, almost weightless.
- Ash (#81C0C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): 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
- Hushed Petrol Ridge color palette (#F7EAF4, #88BACC, #007393, #00523C, #0B304E)
- Aged Cerulean Archive color palette (#F1F3EA, #B1D0BC, #0089AC, #005A60, #002434)
- Softworn Petrol Basin color palette (#E7EBDF, #8DC0B2, #366CAE, #004763, #000E42)
- Patina Denim Lagoon color palette (#E6E9DD, #6AA6BE, #006086, #003841, #000C18)
- Ancient Cerulean color palette (#E3E6D6, #408297, #004258, #001F23, #000103)
- Worn Corridor color palette (#F4E9D0, #8B895C, #645400, #3F2E00, #0E1000)
- Worn Aubergine Summit color palette (#F2DFD7, #BA3330, #725C00, #78008C, #1E0001)
- Hazy Garnet Drift color palette (#F9EAE3, #C15D4A, #527900, #841200, #0B1600)
Browse the whole catalog at Explore, or see today's palette.