Petrol Coast color palette — #E8DFD0 · #70ADA9 · #00848F · #006044 · #000B10
Teal takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E8DFD0): A whisper-light, dusty gold — the color of honey in a jar.
- Turquoise (#70ADA9): A luminous, dusty teal — the color of sea glass.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000B10): 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
- Cobalt Dune color palette (#ECE5DB, #78A8C1, #0079C5, #005C65, #000526)
- Wandering Lantern color palette (#FBECE8, #52A29F, #006279, #013F0A, #000A18)
- Weathered Lagoon color palette (#D6E7D9, #008A85, #00444A, #002015, #000202)
- Linen Wisteria color palette (#F1D4ED, #A3A2D9, #BA71D1, #006D97, #04052B)
- Faded Azure color palette (#F6EFE5, #94C8E6, #4397E3, #007B89, #06194D)
- Weathered Navy Archive color palette (#D7EAF1, #0083B2, #0062A2, #00289C, #04002B)
- Hushed Turquoise Villa color palette (#F5EDE2, #B8DEC4, #42B2DD, #009288, #00314E)
- Quiet Brick Bloom color palette (#EADBE8, #2B68D5, #BC1531, #196B06, #00010A)
Browse the whole catalog at Explore, or see today's palette.