Petrol Hollow color palette — #F4F6F0 · #C9E3D9 · #648FB4 · #006D89 · #2F496A
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C9E3D9): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#648FB4): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2F496A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Soft Cobalt Quarry color palette (#F4F7E9, #A3D6F1, #0088C6, #006477, #10426B)
- Softworn Cerulean Terrace color palette (#F5F6EF, #CAE4CF, #3399AD, #00716E, #28513D)
- Tempered Azure Canyon color palette (#F6F1EC, #BEE7D7, #5D8ED6, #006C70, #3B2333)
- Powder Orchard color palette (#EDF8F7, #D5DBF2, #92C3F0, #5FA3BC, #334963)
- Worn Denim color palette (#EFF0E2, #67ABB3, #006272, #003E3C, #00242E)
- Timeworn Alley color palette (#E7E9DE, #53899B, #00435A, #002226, #000B14)
- Linen Navy Veranda color palette (#EDF3E3, #6D93B9, #004695, #002D41, #01024A)
- Airy Cobalt Workshop color palette (#EDF0E7, #8ABEAE, #0D6AB7, #004C65, #102C58)
Browse the whole catalog at Explore, or see today's palette.