Aged Petrol color palette — #EFE7E3 · #79C0CF · #0072AB · #004E36 · #091137
Built around Slate, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE7E3): bright and airy, almost weightless.
- Cyan (#79C0CF): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#091137): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Aged Petrol 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
- Petrol Meadow color palette (#F5EDE2, #68C0D4, #007297, #00504D, #0B304C)
- Cobalt Lagoon color palette (#FAEFE8, #A5D4BD, #497DBF, #005D50, #1D1B3D)
- Powdered Orchard color palette (#F6EDE5, #6EA4C5, #244BBD, #003A37, #0E0225)
- Wandering Azure Loft color palette (#EDF9EF, #B7F1FF, #009FD2, #006A66, #002038)
- Muted Pier color palette (#F6E3DD, #50979A, #00516A, #002E12, #000411)
- Iris Atelier color palette (#F6F1EB, #C2E5DB, #7D87CB, #006C71, #3C232D)
- Tempered Plum Coast color palette (#FDD5D8, #AF1D9A, #006E5E, #00515B, #1C0105)
- Hushed Coast color palette (#F2E5DA, #3782A4, #003583, #00201C, #010009)
Browse the whole catalog at Explore, or see today's palette.