Petrol Atelier color palette — #ECF4F3 · #C5E1F3 · #5B95B8 · #006A7C · #122E46
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Powder Blue (#C5E1F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#5B95B8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#122E46): 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
- Softworn Denim Atelier color palette (#D6E9E8, #5A90B6, #004B82, #002A38, #000411)
- Antique Loft color palette (#BFEBFE, #62BBD5, #0083AB, #005477, #00314E)
- Hushed Terrace color palette (#E7F4FF, #D5D5E4, #C3BAE3, #2B8CB3, #1B2F44)
- Muted Atelier color palette (#FAF4EF, #C2E6D5, #5F8EBF, #00716F, #593D52)
- Faded Indigo color palette (#E4F5FF, #4799B5, #7E70C6, #00804D, #002232)
- Wandering Parlor color palette (#E5F5FF, #65AFCE, #739C4B, #006F90, #1A2E00)
- Aqua Field color palette (#E1F8F2, #6BCFC9, #008286, #005345, #001F23)
- Petrol Chapel color palette (#DCEDEC, #95B8D2, #0B71AC, #00495A, #00162F)
Browse the whole catalog at Explore, or see today's palette.