Petrol Parlor color palette — #FBEBE4 · #97BC9F · #00719C · #005330 · #152C58
A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBEBE4): a clean, paper-quiet neutral.
- Sage (#97BC9F): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#152C58): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Parlor 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
- Ancient Garden color palette (#FBF3EF, #AFCDBA, #437EAC, #006249, #2E3760)
- Aged Petrol color palette (#F7ECE4, #84B9D8, #4766A5, #00504B, #302355)
- Hushed Boulevard color palette (#E1EDE3, #92BACA, #007791, #004C42, #001826)
- Tempered Teal Pier color palette (#D5EDD8, #00A893, #006467, #004154, #242053)
- Airy Forest color palette (#E1FBE2, #A7C7F0, #AA88C7, #006F4B, #023D4E)
- Weathered Azure color palette (#C8EFFF, #00A2C7, #005D71, #002D3A, #001A25)
- Softworn Corridor color palette (#C9E7D3, #008EA6, #B3393F, #005261, #4F0911)
- Patina Balcony color palette (#D5ECF1, #00788B, #A33200, #653E00, #00242B)
Browse the whole catalog at Explore, or see today's palette.