Petrol Atelier color palette — #ECF1E3 · #84B9DA · #006DAE · #004D61 · #0E2E53
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF1E3): bright and airy, almost weightless.
- Sky (#84B9DA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0E2E53): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Aqua Loft color palette (#EFF0E1, #57C5C4, #00767E, #005147, #00353D)
- Tempered Terrace color palette (#E9F1EA, #A7C9E4, #4F8AC7, #006A78, #17295D)
- Cerulean Coast color palette (#F5F7E7, #83DFE9, #008FA4, #006763, #004759)
- Washed Cerulean Villa color palette (#E2E5D4, #429CB6, #00516B, #002F34, #001623)
- Tempered Periwinkle Cabin color palette (#F7ECE4, #ADE0CC, #80A3EB, #00928A, #302257)
- Aged Petrol Studio color palette (#F4F6EE, #C6E6E9, #7B9DC0, #43768D, #5C4D5C)
- Seafoam Meadow color palette (#F6F7D4, #94E1A0, #57B793, #4F602A, #2E2F28)
- Softworn Market color palette (#DFECD7, #457C00, #006C70, #6E4100, #222100)
Browse the whole catalog at Explore, or see today's palette.