Powdered Petrol color palette — #FFF2ED · #59CBD5 · #0078A2 · #005932 · #0D2F68

Built around Cerulean, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#59CBD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005932): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0D2F68): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Powdered Petrol 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

• Tempered Lagoon color palette (#FCF3F0, #ACD0AF, #3482A0, #1F6234, #233C5B)
• Hushed Sapphire Coast color palette (#FFF2E9, #7EC2E3, #2168D2, #00574E, #322469)
• Wandering Ridge color palette (#EAF5EC, #7FCAD0, #007F98, #005346, #001D2B)
• Worn Denim Grove color palette (#EADED9, #66ABB6, #005E87, #004028, #0A1A4A)
• Airy Blush color palette (#EBF3FF, #E0C3FF, #E87885, #006781, #302F67)
• Worn Canyon color palette (#FDF3ED, #CAE4D4, #678EB3, #2A705C, #5C3C53)
• Dusty Navy Terrace color palette (#F6E9E0, #478AA3, #003C74, #00231C, #08002A)
• Faded Harbor color palette (#FDF1FB, #6FF0F9, #00BAF5, #009E57, #002F6E)

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