Petrol Coast color palette — #F2E7DF · #71ABC5 · #1A69AD · #004A48 · #090148
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F2E7DF): a clean, paper-quiet neutral.
- Blue Fog (#71ABC5): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#1A69AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#090148): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Petrol color palette (#EDDDD6, #58B2B8, #00718D, #004C35, #001527)
- Linen Sapphire Drift color palette (#EFE5D9, #8CB6DA, #4B6ECC, #005862, #1F1347)
- Worn Petrol Quarry color palette (#F9E9F1, #76C2E4, #0069B7, #003E3D, #010014)
- Denim Grove color palette (#DAF1EE, #6697AD, #005072, #002F37, #001527)
- Worn Corridor color palette (#FBEBE2, #A7CFBA, #438CC8, #006C66, #1C2A56)
- Weathered Garden color palette (#C8EBE5, #00A293, #00655C, #002C2A, #000303)
- Frosted Quarry color palette (#CBF1E1, #42BED5, #6198D9, #26661E, #001918)
- Faded Azure color palette (#FFF2EC, #AAE7F4, #0AA8E7, #008570, #21406A)
Browse the whole catalog at Explore, or see today's palette.