Petrol Atelier color palette — #EEF0DE · #6AC6D9 · #00738D · #003D40 · #000306

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

The five colors

• Cream (#EEF0DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#6AC6D9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

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

• Softworn Cobalt color palette (#F4F7EA, #92D6F8, #2482B7, #004F5F, #000D1D)
• Denim Terrace color palette (#E1E6D9, #80A6CB, #0052A5, #00283B, #00000A)
• Feathered Grape Atelier color palette (#CBE7F6, #007196, #6B0FCC, #005037, #000103)
• Periwinkle Meadow color palette (#D7F2FF, #A9D9FF, #719DE2, #00667A, #00060E)
• Denim Corridor color palette (#F3E2EE, #4497A7, #005070, #002D24, #000411)
• Cobalt Quarry color palette (#FBECE5, #6ABED1, #008EC4, #006F5D, #001231)
• Hushed Olive Summit color palette (#DEF2E5, #008DA6, #626F00, #004451, #010100)
• Petrol Workshop color palette (#F4F6ED, #BBE2F1, #69B1D0, #007D88, #00334A)

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