Petrol Atelier color palette — #C8EAFF · #88AED3 · #63719D · #694E51 · #5A3A38

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#88AED3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#63719D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#694E51): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5A3A38): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged vintage, retro, 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

• Patina Ash Parlor color palette (#C6EBD7, #87B7A6, #8A6C89, #694C53, #593436)
• Patina Cocoa color palette (#FBD9F5, #9FA1CE, #8C6876, #70514A, #5C3B00)
• Tempered Loft color palette (#CAEEFF, #90BADD, #808BAC, #8A5F53, #2E4B2D)
• Weathered Cobalt color palette (#E1F0FF, #5880C6, #494B84, #4C293E, #3B2005)
• Wandering Quarry color palette (#F5F6EC, #95D1D5, #008898, #00605A, #014250)
• Weathered Periwinkle color palette (#CCE8FE, #3AA2FA, #2470C9, #254586, #2A345C)
• Patina Loft color palette (#FAE8EA, #C173A1, #8B6159, #66451D, #353C0A)
• Bronze Pier color palette (#FFF0F7, #D9B6C2, #A0888B, #9B5C3B, #604B00)

Browse the whole catalog at Explore, or see today's palette.