Petrol Orchard color palette — #F5F4FF · #FFC5C7 · #C49D6E · #5C72A4 · #34445E

Slate takes the lead with Camel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Shell Pink (#FFC5C7): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#C49D6E): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5C72A4): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#34445E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Mustard Grove color palette (#FFF0F8, #F0D8BF, #B4B359, #7E68A4, #414465)
• Timeworn Petal color palette (#F0F5FF, #FFBFF0, #D99580, #3C7881, #00454D)
• Weathered Sand color palette (#FFDEE2, #FFB99B, #C6AD84, #509294, #154C60)
• Washed Bronze color palette (#FFE4EF, #DB9A87, #8F7431, #365C7E, #3A3E63)
• Antique Olive color palette (#FFE8F0, #C09471, #727F48, #403E67, #19153A)
• Powder Dune color palette (#FFF0FE, #C9E4E7, #A2CCD6, #9686A0, #594F5F)
• Bronze Field color palette (#FDE5DF, #D19B75, #A07A42, #455D3A, #00341C)
• Softworn Thicket color palette (#FCF2F6, #D7D4E0, #88ACFF, #008882, #382A5C)

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