Petrol Atelier color palette — #E2F4F2 · #7ABDD2 · #0080A7 · #005860 · #002235
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F4F2): bright and airy, almost weightless.
- Cyan (#7ABDD2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Sunlit Sapphire color palette (#D5E2E2, #88B6E4, #2871D6, #005477, #0A1A4B)
- Powdered Azure color palette (#F4EEE5, #86CCE2, #179DD8, #007D7D, #00203E)
- Dusty Cerulean Veranda color palette (#D7EEEF, #009FB2, #00758B, #00475B, #002838)
- Iris Thicket color palette (#CBE2F7, #97C3FF, #8597FF, #006D8E, #082745)
- Cobalt Parlor color palette (#FFF0F9, #A0D5E7, #3C7EBB, #005342, #08042E)
- Denim Atelier color palette (#D8E5E3, #549EB2, #00627C, #003B3F, #000B13)
- Feathered Villa color palette (#E3FBF6, #69E1DE, #009FA8, #007465, #003A42)
- Periwinkle Summit color palette (#ECF8F7, #D1DCFB, #56AEE7, #27879E, #364A5E)
Browse the whole catalog at Explore, or see today's palette.