Petrol Atelier color palette — #EEF7F6 · #C6E1F3 · #5C91B3 · #046E81 · #2F4A64
Teal and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Powder Blue (#C6E1F3): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#5C91B3): A luminous, dusty blue — the color of deep harbor water.
- Teal (#046E81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2F4A64): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Worn Archive color palette (#F8EFF4, #C4E1F5, #5F91C6, #006D6B, #1E2B47)
- Hushed Cerulean color palette (#B0E9F6, #57BEDB, #008BB1, #005E84, #214963)
- Soft Cerulean color palette (#EDF7FF, #3C90C9, #8D68AE, #007B66, #203B50)
- Antique Parlor color palette (#FAF4EF, #C7E3E2, #81A9D2, #008D8A, #3C456A)
- Denim Atelier color palette (#DAEEEC, #6296BA, #004C82, #002E3D, #001231)
- Denim Pier color palette (#E0F3EF, #61ADAF, #00636C, #003F38, #00242B)
- Washed Powder Summit color palette (#F4F6EE, #C1E6E7, #6FC8FF, #38A8C1, #265146)
- Frosted Loft color palette (#EDF6FF, #86BCEF, #3C78B0, #004573, #093050)
Browse the whole catalog at Explore, or see today's palette.