Petrol Atelier color palette — #CBE9EB · #007C8E · #005262 · #00303E · #000D16

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CBE9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005262): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00303E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D16): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Smoked Cypress Boulevard color palette (#D5F0E5, #007D7D, #004453, #00192C, #00000B)
• Mulberry Pier color palette (#CCEAF8, #007496, #8E0096, #003E52, #0F0011)
• Ancient Pine Garden color palette (#DCE9DF, #007E58, #005B46, #002B23, #000C0A)
• Patina Chapel color palette (#CDE1EE, #0073B3, #00457B, #002857, #000632)
• Weathered Workshop color palette (#D3EDFF, #005F8A, #680EA6, #004939, #000204)
• Feathered Azure Garden color palette (#E1F1F8, #00AAE5, #0079B0, #00538C, #002954)
• Soft Cornflower color palette (#DCEDF9, #6EA2E5, #6B7BD1, #004E68, #000C1C)
• Cornflower Canyon color palette (#D5E5EF, #55B3FF, #2986E3, #385E9B, #283961)

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