Petrol Hollow color palette — #ECF3F9 · #D6D4E4 · #B3B6C6 · #386A8B · #17222B
A conversation between Peacock and Onyx, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D6D4E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B3B6C6): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#386A8B): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#17222B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Softworn Petrol color palette (#EFF8F4, #E4D7D9, #C4ACB3, #266B8F, #2C3F38)
- Softworn Pewter color palette (#F1F0FE, #E8CFE0, #CEB6D0, #835597, #24232F)
- Ash Coast color palette (#D9ECFA, #A4A5DC, #786A8E, #3C564B, #093425)
- Wandering Thicket color palette (#E9E7F2, #D0C7D6, #B39BB0, #6E426F, #16141D)
- Wandering Grove color palette (#EEF8F5, #E8D3CF, #AAA89E, #5F8EBB, #22322E)
- Washed Orchard color palette (#E6EDF5, #A9B3CB, #8A8AA5, #064677, #050B13)
- Timeworn Onyx color palette (#E4E5F0, #908A9C, #76637D, #351752, #010106)
- Aged Terrace color palette (#FFECF2, #B1A056, #596E1F, #364664, #092215)
Browse the whole catalog at Explore, or see today's palette.