Petrol Parlor color palette — #FBF2F9 · #D39089 · #4C997C · #286AA3 · #342D41

Peacock and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Camel (#D39089): A luminous, balanced orange — the color of toasted spice.
• Fern (#4C997C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#286AA3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#342D41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Weathered Cypress Orchard color palette (#F7F3FD, #CB8EB0, #798852, #007D82, #2C3445)
• Indigo Harbor color palette (#F0F8F0, #B99C70, #3592A9, #7360A8, #3A2D39)
• Softworn Apricot Terrace color palette (#FFF2EC, #F49B8C, #51A785, #3E7162, #332426)
• Softworn Petrol color palette (#EDF9EF, #DBAFC6, #A29162, #247A91, #574049)
• Pine Bloom color palette (#FAF2FC, #AD6C7A, #287F4D, #51497A, #39313C)
• Muted Ultramarine color palette (#FFF0F7, #EB6800, #007D7B, #2240C3, #380D24)
• Amber Meadow color palette (#ECF4EC, #C39051, #4C5D52, #303B2F, #271F23)
• Ultramarine Studio color palette (#D6FAED, #799300, #005AD6, #7B007C, #291300)

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