Petrol Atelier color palette — #E9F5F3 · #CED7EC · #5696B7 · #006A78 · #072F47
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F5F3): a clean, paper-quiet neutral.
- Powder Blue (#CED7EC): A whisper-light, dusty violet — the color of wild irises.
- Cerulean (#5696B7): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#072F47): 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
- Antique Station color palette (#ECF4F3, #B2CBE1, #5080AE, #005772, #0B203D)
- Washed Denim Thicket color palette (#D7E5E4, #698FAB, #004D7B, #002A36, #00040F)
- Wandering Coast color palette (#E2F1ED, #6BA9A6, #006569, #003A31, #000E10)
- Airy Bloom color palette (#DFF7F9, #6FB49E, #738ACD, #00765E, #17234F)
- Cerulean Archive color palette (#FAF4F0, #C2E6D3, #4F90C6, #00716B, #563F52)
- Lagoon Dune color palette (#DBF8FD, #C9DAEB, #82D2E0, #3F8970, #143339)
- Washed Cerulean color palette (#DCF8FA, #43A183, #2A89B8, #776D00, #002426)
- Patina Courtyard color palette (#F4F6EE, #B7EBE9, #62AFD6, #188999, #2E4F45)
Browse the whole catalog at Explore, or see today's palette.