Petrol Hollow color palette — #FAE9F1 · #85BAD2 · #126BB3 · #00504E · #1F2959
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FAE9F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Ash (#85BAD2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#126BB3): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#1F2959): A deep, shadowed, balanced violet — the color of wild irises.
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
- Petrol Delta color palette (#E8EAE2, #8CBBD2, #0073A6, #004957, #00172B)
- Aged Cobalt Loft color palette (#FFF1F6, #AEC9DE, #5578B3, #005F65, #353560)
- Tempered Spruce color palette (#F7E9F2, #67ADA9, #006271, #004121, #002333)
- Azure Terrace color palette (#D2EBFF, #4F9DE2, #005587, #002850, #00172B)
- Tempered Lilac color palette (#E0F3FF, #BCCCFF, #B586D2, #007076, #21375A)
- Hazy Periwinkle color palette (#F8ECE4, #9EDDFB, #5CA9F7, #00918E, #212A55)
- Hushed Workshop color palette (#CCE1F3, #0088C1, #AD4600, #004F72, #471800)
- Cypress Veranda color palette (#FAF3F8, #C3E2EE, #5594AB, #297157, #314A61)
Browse the whole catalog at Explore, or see today's palette.