Petrol Parlor color palette — #E9FCDE · #82C3CA · #3791B6 · #286CA4 · #68475E
Slate and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#E9FCDE): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#82C3CA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#3791B6): A luminous, balanced blue — the color of deep harbor water.
- Slate (#286CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#68475E): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Muted Petrol Villa color palette (#ECF9F4, #87B7D7, #C98760, #247AAB, #524C47)
- Ancient Denim Pier color palette (#DCFFEE, #A0C3EC, #6D82C0, #6D5394, #6A4249)
- Tempered Cerulean color palette (#CFF2FE, #74C6DC, #0097C2, #2F668A, #23374C)
- Lagoon Harbor color palette (#F5F9D9, #8DCDBB, #0D9691, #007084, #28594D)
- Glacier Courtyard color palette (#E2FAFF, #79ECF9, #71C0EB, #779BC2, #434D64)
- Softworn Cabin color palette (#DBFEF4, #ABDCCD, #5082AB, #1A4E86, #0F3856)
- Powdered Nightshade color palette (#CCEBED, #00B1D5, #0077BA, #3A1CC7, #422970)
- Lagoon Bloom color palette (#EAFAF2, #E7D5CF, #A9AA99, #4C9B95, #3A504B)
Browse the whole catalog at Explore, or see today's palette.