Petrol Atelier color palette — #C3E6F7 · #007AAC · #004D7C · #002444 · #000C25
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C3E6F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007AAC): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004D7C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002444): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000C25): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Petrol Boulevard color palette (#C8F1F3, #007C86, #00505B, #002C38, #000A11)
- Patina Azure color palette (#D2E6F0, #0098D3, #006DAA, #003C71, #001C48)
- Tempered Cobalt Grove color palette (#D9F4EC, #086EB8, #006A2F, #003862, #000B02)
- Washed Atelier color palette (#D3E4F3, #79AADA, #3774C0, #244694, #1E2952)
- Iris Studio color palette (#F8DFF4, #AAB2ED, #9075D3, #00518C, #040732)
- Moonless Drift color palette (#CDE2FB, #0055BC, #1700B9, #0F005E, #03001C)
- Nightshade Meadow color palette (#E9F0FD, #5B7ED3, #0135AE, #001255, #00000C)
- Aubergine Summit color palette (#D5E8E0, #006084, #5E1FA3, #004733, #000408)
Browse the whole catalog at Explore, or see today's palette.