Petrol Atelier color palette — #F0E7E2 · #79C0D1 · #0073A3 · #004C41 · #031532
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7E2): bright and airy, almost weightless.
- Sky (#79C0D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0073A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#031532): 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
- Petrol Loft color palette (#EEF0E0, #75BED0, #007390, #004F53, #003347)
- Sapphire Veranda color palette (#F0E8DE, #8CB9DF, #3A5ED6, #004A53, #160B37)
- Wandering Cobalt Lantern color palette (#F8F0EB, #ADD1BF, #3E81BA, #005C57, #141E3F)
- Wandering Lilac Courtyard color palette (#D4EFDF, #ACD2FF, #B187F6, #006557, #002016)
- Worn Lagoon Hollow color palette (#C7EBDF, #00958F, #00636F, #003448, #00152C)
- Worn Hollow color palette (#B7E7FF, #00A4DA, #005B85, #003041, #00050A)
- Washed Workshop color palette (#FBECE4, #49989B, #005265, #002D1C, #00050C)
- Timeworn Ash Hollow color palette (#F7F0EC, #C5E7E5, #77A2C3, #3C776F, #412F3F)
Browse the whole catalog at Explore, or see today's palette.