Petrol Hollow color palette — #F0E7E3 · #84BECB · #0071AC · #004D37 · #080B42
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F0E7E3): a clean, paper-quiet neutral.
- Ash (#84BECB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#080B42): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Hollow 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
- Aged Loft color palette (#F4EEE4, #81BCC9, #007394, #00504B, #0A314A)
- Hushed Cobalt Meadow color palette (#F9F0EA, #ADD1BE, #437EC0, #005D4E, #1B1944)
- Linen Field color palette (#F6EEE8, #72A3C1, #234EB5, #003A36, #0E0029)
- Antique Azure Study color palette (#EDF9EF, #CDE1FF, #0BA0CD, #006A64, #002136)
- Denim Lagoon color palette (#F9E7E1, #5B9596, #005169, #002E0F, #000410)
- Muted Lantern color palette (#F7F0EC, #C7E5E3, #7EA0C1, #227C65, #462C3F)
- Navy Harbor color palette (#EBE2DC, #527F95, #00377E, #00201B, #010009)
- Gentle Dune color palette (#FFE1E0, #AD3679, #007140, #00534D, #1B000E)
Browse the whole catalog at Explore, or see today's palette.