Petrol Atelier color palette — #E9F4FA · #A3CDC7 · #3E677D · #0C3549 · #0B151B
Built around Peacock, softened by Deep Teal — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#E9F4FA): bright and airy, almost weightless.
- Stone (#A3CDC7): A luminous, dusty teal — the color of glacier melt.
- Peacock (#3E677D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#0C3549): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0B151B): quiet, heavy and certain.
Feels like: Calm, Sophistication. Tagged luxury, dark, muted, 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
- Denim Hollow color palette (#EEF2FB, #D5B8D8, #595D88, #242F4F, #10141D)
- Weathered Denim color palette (#EEF8F4, #E2B5A0, #2E6484, #1F4035, #1C2728)
- Cerulean Archive color palette (#EFF6FB, #E5D3CE, #608CA7, #2D4A5F, #121D25)
- Wandering Cobalt Cabin color palette (#EDF2F9, #A9C6E9, #8678B2, #3372BE, #131522)
- Patina Jade Harbor color palette (#E8F3FF, #65BD8A, #004F86, #00223E, #000815)
- Inked Quarry color palette (#D3E6F4, #016B2B, #372C2F, #001623, #000103)
- Tempered Cobalt color palette (#EEF2F8, #D7D5DC, #B3AAB0, #6D82B2, #31363F)
- Hushed Cocoa color palette (#FEECF9, #AFA3D4, #8D6899, #7B3D34, #292A3D)
Browse the whole catalog at Explore, or see today's palette.