Petrol Coast color palette — #E8E0D2 · #00707D · #00335A · #210004 · #000102
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Parchment (#E8E0D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00335A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#210004): A deep, shadowed, dusty red — the color of a theater curtain.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, 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
- Deep Abyss color palette (#CDE7D2, #00545E, #002543, #220004, #000407)
- Eclipse Pine color palette (#F7EAD5, #00764C, #003A3C, #1C001A, #000201)
- Moonless Garden color palette (#D7EADE, #005F70, #37006C, #170002, #010100)
- Hushed Denim color palette (#EAE4DA, #73AEB1, #005F70, #002C23, #000103)
- Moonless Navy Station color palette (#F7D3E6, #00524E, #050074, #180500, #000102)
- Moonless Aubergine color palette (#F6EAD0, #2262B2, #3E007C, #160900, #00000B)
- Timeworn Denim Delta color palette (#D8E8DE, #597B9B, #494A85, #3A0800, #050200)
- Aged Veranda color palette (#F3EFE1, #668550, #00491F, #00211D, #000200)
Browse the whole catalog at Explore, or see today's palette.