Petrol Atelier color palette — #CAE7DA · #00749D · #202F5C · #111F22 · #000A05

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CAE7DA): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#00749D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#202F5C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#111F22): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Antique Cypress Pier color palette (#E6F4E2, #007C70, #003846, #0D1A18, #010A00)
• Deep Denim color palette (#D8E9F6, #005A7D, #352A2E, #001931, #000307)
• Azure Villa color palette (#CFE9E0, #009AE9, #4E538C, #113D32, #000A04)
• Muted Iris Boulevard color palette (#F6DEEE, #8796FF, #755B86, #53374B, #051511)
• Aged Cerulean Bloom color palette (#F7EAE4, #6FBFC6, #0090B6, #007052, #001528)
• Misty Moss color palette (#EBE3D1, #7AA84F, #008651, #006269, #081300)
• Aged Azure Dune color palette (#CCE4E3, #59A0CD, #736F9D, #6A5928, #1B1A00)
• Eclipse Sapphire color palette (#F0E0EE, #1254F6, #392557, #10020F, #000201)

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