Petrol Market color palette — #F8E9F6 · #8ABACC · #10719A · #005332 · #152B58
Peacock and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F8E9F6): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#8ABACC): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#10719A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#152B58): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Market 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
- Antique Petrol Lagoon color palette (#F7EBEF, #94B5D5, #5662A4, #004F52, #36234C)
- Hushed Cobalt Courtyard color palette (#FBF2F8, #ABCADA, #3B7EAF, #006248, #2D385F)
- Patina Petrol color palette (#EFE8DD, #80C0C7, #007791, #004C42, #001826)
- Dusty Forest color palette (#D4F5FF, #A2C7F6, #A889BF, #2B6D46, #143A4E)
- Lagoon Delta color palette (#DFF2E2, #009F8E, #006A6D, #004557, #002E58)
- Weathered Studio color palette (#C9EFFF, #009CB9, #005D6F, #00313D, #001722)
- Muted Cypress color palette (#FAF3F8, #D5E1F2, #7A9EBC, #427C63, #45536A)
- Washed Terracotta Veranda color palette (#C8E7F8, #007792, #A72A1A, #693900, #00242E)
Browse the whole catalog at Explore, or see today's palette.