Petrol Atelier color palette — #FFF0F8 · #FFD1CB · #B9A379 · #3B7689 · #0F4D5E

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#FFD1CB): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#B9A379): A luminous, dusty gold — the color of honey in a jar.
• Slate (#3B7689): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#0F4D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Ridge color palette (#F6F3FF, #FFD2D7, #D19587, #5F7255, #16554A)
• Wandering Bronze Harbor color palette (#FFE5EA, #D29383, #A77846, #0F655B, #005162)
• Hushed Taupe color palette (#FFF2F0, #FFD0B9, #A99B6D, #776077, #463245)
• Hushed Study color palette (#FCF0FF, #FFBABD, #C7AC6D, #5D96A9, #2F5542)
• Stone Hollow color palette (#FFF2ED, #E2DEC1, #BFBA96, #92798A, #5A4152)
• Aged Grove color palette (#FFF0F7, #FFA792, #9B823F, #345F82, #072E26)
• Olive Coast color palette (#FFD8DA, #D99F75, #777925, #2D3B62, #2B1228)
• Denim Parlor color palette (#F0E6FF, #CF94AB, #9F683C, #2A5588, #132C49)

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