Petrol Atelier color palette — #E7DDD8 · #6BADB4 · #0080A4 · #006048 · #000A18
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Bone (#E7DDD8): a clean, paper-quiet neutral.
- Cyan (#6BADB4): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006048): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Sapphire Loft color palette (#E7DDD5, #6FA9C8, #0072DA, #005D5E, #050227)
- Softworn Cerulean color palette (#E0F0ED, #4CA1AB, #006374, #003B3A, #000B11)
- Misty Cabin color palette (#D3E3D8, #008DA3, #D2003A, #005F6E, #140001)
- Linen Corridor color palette (#D1E5D7, #68B4EE, #997AFA, #007C5C, #000E17)
- Antique Lagoon Terrace color palette (#DDEBDF, #41848C, #004352, #00201B, #000103)
- Iris Workshop color palette (#F5EDE3, #96C5F2, #6D8AF1, #007A8C, #21173E)
- Brick Delta color palette (#D1E8EA, #007E86, #BF0039, #7F4A00, #000203)
- Aged Corridor color palette (#F9ECE3, #9BDEFA, #48AAFF, #00918C, #212C4D)
Browse the whole catalog at Explore, or see today's palette.