Petrol Atelier color palette — #E5DFD5 · #62ADCD · #006CA7 · #00494E · #001233

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

The five colors

• Bone (#E5DFD5): bright and airy, almost weightless.
• Cyan (#62ADCD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006CA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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 Courtyard color palette (#F6EFE3, #7AA7CF, #0B5ADC, #004759, #0C0B38)
• Worn Denim Villa color palette (#ECE5DA, #57A0A5, #006375, #003D32, #000B13)
• Antique Canyon color palette (#DFF3F1, #81C0DF, #006FA0, #003C48, #000308)
• Patina Lilac Summit color palette (#D1F0E4, #85B2FF, #987FF1, #005D6B, #00152E)
• Chalky Hollow color palette (#F0E2D9, #4B9AB9, #00488F, #003129, #12043E)
• Feathered Cornflower color palette (#F5E3ED, #67BCE0, #0086E3, #006D6A, #080643)
• Washed Coast color palette (#C7F5F7, #00889E, #005D7A, #003B57, #001931)
• Weathered Cobalt Field color palette (#D5E5F3, #008DE1, #005B94, #002742, #000206)

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