Petrol Atelier color palette — #DDE8E1 · #B6C9C3 · #99A2CB · #006C81 · #12241A

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

The five colors

• Parchment (#DDE8E1): bright and airy, almost weightless.
• Stone (#B6C9C3): A luminous, dusty teal — the color of sea glass.
• Mauve (#99A2CB): A luminous, dusty violet — the color of wild irises.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#12241A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Drift color palette (#DEEDE7, #C1ADBD, #998DBA, #005983, #081712)
• Softworn Cypress color palette (#E8EEE4, #B9C9BA, #84B09B, #007257, #1B2213)
• Tempered Delta color palette (#E5F0F5, #BDBECB, #AEA2BF, #0090A6, #0E222B)
• Ultramarine Delta color palette (#E9DFE7, #D0BFC6, #C3979F, #3457BB, #281A26)
• Violet Study color palette (#CFE3E9, #7E9DC2, #845CB1, #504F23, #322800)
• Muted Pewter color palette (#F3ECEF, #E8D0D5, #D3ADAA, #7565A6, #352A2F)
• Washed Jade color palette (#EBE8D4, #5FA569, #00715C, #004D5F, #002207)
• Washed Navy Harbor color palette (#E9DEE6, #B09FA6, #9E7C80, #303B8A, #10050D)

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