Powdered Petrol color palette — #F5E4ED · #41AFD9 · #0069B2 · #004A48 · #080C39

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

The five colors

• Blush (#F5E4ED): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#41AFD9): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#080C39): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Aged Loft color palette (#F2E1ED, #4FB3B8, #00728C, #004C34, #001527)
• Hushed Thicket color palette (#ECDCE1, #75B8EF, #4B6FC9, #005861, #1E183F)
• Hushed Grove color palette (#F7EDDC, #81C1DD, #006DA8, #003D42, #00020C)
• Patina Hollow color palette (#ECDCE4, #6497AF, #0C4691, #00302A, #14043C)
• Cobalt Boulevard color palette (#F7EAF1, #73D3F2, #198DD5, #006D64, #1A2B55)
• Faded Azure color palette (#FCF1F9, #96EAFA, #00A9E4, #00856D, #204168)
• Pale Fuchsia color palette (#E6EBFF, #EC8AEB, #E56175, #025398, #241134)
• Hushed Chapel color palette (#FBF2F8, #D2D7EE, #8BB9CD, #61908E, #3E5667)

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