Petrol Atelier color palette — #DBF5EA · #007CA7 · #183358 · #001C12 · #000602

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBF5EA): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#183358): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, 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

• Eclipse Dune color palette (#D2E9E3, #0074C8, #45273D, #00172E, #000603)
• Moonless Atelier color palette (#D8E5D4, #008478, #1A3B25, #091B04, #030501)
• Cerulean Station color palette (#D6EEFF, #0099C8, #4A5078, #1B3342, #000607)
• Nocturne Denim color palette (#D5F5E6, #005D7B, #192227, #111240, #000D06)
• Washed Iris color palette (#EDE0EB, #6A8DDA, #5E4452, #372835, #111B18)
• Aged Cerulean color palette (#F5EDE1, #91D1D7, #0096B3, #006E5E, #003248)
• Scarlet Lantern color palette (#F8E4F2, #6D7DDA, #D43C18, #007E44, #151945)
• Eclipse Nightshade color palette (#F8E3F1, #3D36C0, #20083A, #160605, #010013)

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