Petrol Atelier color palette — #F5EFF6 · #E0D2D3 · #CAAFB7 · #36679A · #251E26

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

The five colors

• Blush (#F5EFF6): a clean, paper-quiet neutral.
• Silver (#E0D2D3): a clean, paper-quiet neutral.
• Rosewood Mist (#CAAFB7): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#36679A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#251E26): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Canyon color palette (#FAEEF3, #E3CDD1, #CA9F9C, #6441A9, #24151C)
• Weathered Pier color palette (#F1F5FB, #DBD9E4, #C2AEA9, #668BC4, #282F38)
• Aged Navy Canyon color palette (#E5DCE4, #BEAEB6, #AC7F8A, #1D4080, #100710)
• Ancient Loft color palette (#D4EDE5, #B192A3, #905C86, #545603, #262C09)
• Nocturne Ridge color palette (#F6E6F0, #584BCE, #311A39, #150710, #030104)
• Misty Aubergine Lantern color palette (#EEEACD, #2F91D5, #6B429D, #313F00, #250D23)
• Dusty Thicket color palette (#F9F0E5, #A5A464, #43741C, #5C3950, #231B02)
• Pale Atelier color palette (#DCF4EA, #0086BB, #912159, #333700, #00190E)

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