Petrol Orchard color palette — #FFF1F4 · #B78BC7 · #489FA3 · #2077A2 · #442A31

Slate takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#B78BC7): A luminous, balanced pink — the color of a candy shop window.
• Cerulean (#489FA3): A luminous, balanced teal — the color of sea glass.
• Slate (#2077A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#442A31): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Orchard 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

• Patina Lantern color palette (#FFF1F5, #A682C6, #21918A, #006182, #35222F)
• Wisteria Summit color palette (#FFF1F3, #BF88C2, #B78165, #41749A, #432B30)
• Quiet Loft color palette (#F6F3FF, #E99ADF, #42C4B4, #31A2A5, #352F44)
• Taupe Drift color palette (#FFF2EE, #D9969B, #A79B6F, #7B73A2, #4D3731)
• Hushed Driftwood color palette (#FFF1F2, #AB6694, #6D782C, #005D6E, #442B2C)
• Wandering Blush color palette (#FFF1F0, #D083A3, #B28649, #727328, #442B2A)
• Worn Grove color palette (#FCF3F0, #DFD9D1, #C8C0B0, #BC7A7C, #514440)
• Pale Moss Summit color palette (#FFF3E8, #DD7700, #4E9C24, #007861, #442100)

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