Petrol Atelier color palette — #F6EBF2 · #78BDD1 · #196F9F · #005147 · #122B5B
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F6EBF2): bright and airy, almost weightless.
- Cyan (#78BDD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#196F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#122B5B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Washed Cobalt color palette (#FDF1F7, #A9CAE0, #4D7CAC, #00605E, #2D3761)
- Petrol Parlor color palette (#E9EBDE, #95BFA5, #007696, #004A4F, #001925)
- Antique Villa color palette (#F7EBF0, #6DA6CD, #2051AC, #003D42, #1C1646)
- Softworn Azure color palette (#F8ECE5, #9FDFF1, #26AFF9, #009282, #1A2D4F)
- Abyss Alley color palette (#EDE1EA, #589CA1, #005268, #003122, #001528)
- Dusty Canyon color palette (#FAF3F7, #D7DFF1, #7C9DBC, #357C76, #475367)
- Quiet Bronze color palette (#F2D4E5, #BC6234, #00778A, #782F00, #002F38)
- Softworn Navy color palette (#ECD9E1, #4B88A9, #003A7A, #002223, #06002B)
Browse the whole catalog at Explore, or see today's palette.