Petrol Hollow color palette — #F2E6DC · #97BBA2 · #8DA16A · #4778A0 · #2E2E55
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#F2E6DC): a clean, paper-quiet neutral.
- Sage (#97BBA2): A luminous, dusty teal — the color of shallow lagoons.
- Moss (#8DA16A): A luminous, dusty green — the color of fresh herbs.
- Slate (#4778A0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2E2E55): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Weathered Petrol color palette (#F5ECDB, #A2A775, #659173, #4A69A7, #2A1846)
- Cobalt Cabin color palette (#F1F1DC, #9BC29C, #62A79A, #7B6EAF, #4E284C)
- Muted Petrol color palette (#FFEBE6, #DBAC88, #AC9E59, #008190, #00365A)
- Moss Coast color palette (#FFEEF0, #E2B490, #7E9B50, #624978, #342144)
- Patina Olive Drift color palette (#F8DDC3, #A9955D, #5C7134, #10405E, #2E1328)
- Softworn Moss color palette (#D8EADF, #B2C28A, #6FA061, #A45F53, #003126)
- Washed Drift color palette (#E8F1EA, #A6DCF5, #44ADF6, #008F99, #0F2D57)
- Softworn Veranda color palette (#F2D5E5, #C49DB7, #8E854E, #724770, #502444)
Browse the whole catalog at Explore, or see today's palette.