Petrol Atelier color palette — #FFF2EB · #67C7E2 · #0075AE · #00574D · #122F69

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sky (#67C7E2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0075AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Navy (#122F69): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Sapphire Cabin color palette (#FFF3E6, #8DBDE8, #3C5FDF, #00545F, #341F6F)
• Dusty Petrol color palette (#E4F6F4, #7CC8DE, #007DA0, #005157, #001D2C)
• Washed Cobalt color palette (#FDF3EE, #AFCEBA, #2E81AC, #006153, #4B2F4B)
• Weathered Summit color palette (#F4F7E8, #8AD8EF, #009AC6, #00717A, #003850)
• Worn Denim Canyon color palette (#EADED7, #7CAB94, #005B96, #003E3B, #101B45)
• Hazy Sky Terrace color palette (#FFF0FA, #98E7FF, #3FB5FD, #00998A, #142F66)
• Ash Study color palette (#FBF4EF, #CBE6E6, #7A9CC2, #3C7A79, #614A5B)
• Softworn Hollow color palette (#EADED1, #5F95C3, #253D9F, #002F35, #16033C)

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