Petrol Hollow color palette — #F7EAF3 · #77BECE · #00709F · #005145 · #102D56
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Cyan (#77BECE): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#102D56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Muted Delta color palette (#FDF1F8, #A3CBE4, #4E7CA8, #00605C, #2D395B)
- Antique Garden color palette (#E9EAE1, #96BEA5, #007794, #004B4F, #001925)
- Muted Meadow color palette (#F4E8ED, #75A5C3, #1A54A4, #003D40, #19154A)
- Ancient Azure Boulevard color palette (#D4FCFB, #8ECBCD, #529AD7, #576700, #053B40)
- Wandering Ash color palette (#FAF3F7, #D6E0F2, #769EBD, #447881, #42536D)
- Antique Orchard color palette (#F7ECE6, #9AE0F1, #19B1F5, #00937F, #182E4E)
- Muted Abyss Harbor color palette (#E8DAE4, #549DA0, #005266, #003220, #001626)
- Tempered Loft color palette (#A3F5E2, #00A87F, #00604C, #003024, #001911)
Browse the whole catalog at Explore, or see today's palette.