Petrol Hollow color palette — #FBF2F9 · #F9BAAF · #90A26F · #00778F · #442D52
A conversation between Teal and Rose Quartz, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Rose Quartz (#F9BAAF): A whisper-light, dusty orange — the color of autumn markets.
- Moss (#90A26F): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#442D52): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Washed Cypress Delta color palette (#F7F3FB, #ECBAD8, #B89356, #007D68, #2D3659)
- Petrol Studio color palette (#EFF8EF, #E6C697, #68A994, #4E69A5, #522938)
- Jade Loft color palette (#F5F3FF, #E3B5E5, #98B668, #8081B2, #38415C)
- Teal Parlor color palette (#F1F7F2, #D4D6E7, #ACC5E9, #58A38A, #305266)
- Hushed Coral color palette (#FFEEE6, #DF7C70, #357D8B, #025663, #361D35)
- Stone Basin color palette (#FEF1F8, #DB9E84, #624E54, #372430, #120E12)
- Tempered Coral color palette (#FFF2EC, #D9796A, #6A7836, #235D65, #543945)
- Aubergine Delta color palette (#D9FFF1, #92A600, #00788C, #5F0082, #230A00)
Browse the whole catalog at Explore, or see today's palette.