Petrol Parlor color palette — #EFF4E9 · #459B76 · #1674A4 · #753741 · #191E11

A conversation between Slate and Fern, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFF4E9): bright and airy, almost weightless.
• Fern (#459B76): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#1674A4): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#753741): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#191E11): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Aged Petrol color palette (#EFF4E9, #509C7B, #5F60A2, #694C1D, #191F10)
• Wandering Lagoon color palette (#F5F2E8, #8D8A45, #007A77, #65355C, #1F1A09)
• Hushed Atelier color palette (#FFEEE9, #94B78B, #13869C, #714349, #272F1D)
• Worn Hollow color palette (#F5F6EB, #63A168, #6166A4, #6E4453, #3B3731)
• Muted Summit color palette (#E8F0E5, #329585, #234335, #192116, #0C0D08)
• Frosted Mulberry Meadow color palette (#D0F4E0, #00748F, #820061, #232F00, #00070A)
• Tempered Aubergine color palette (#EEF5E7, #008566, #700591, #3E2D00, #060F00)
• Muted Driftwood color palette (#F1F3EC, #D0DAD6, #A2B8C1, #688E6C, #35372F)

Browse the whole catalog at Explore, or see today's palette.