Petrol Dune color palette — #EBDEE5 · #58AFCA · #0069B2 · #004C3C · #0D093A

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

The five colors

• Shell Pink (#EBDEE5): a clean, paper-quiet neutral.
• Cyan (#58AFCA): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D093A): 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 Petrol Dune 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

• Gentle Sapphire color palette (#E9DBE0, #6BBBEB, #426DD6, #005A55, #22163F)
• Airy Teal color palette (#E7DBE7, #1AB8B5, #00728C, #004E11, #00142A)
• Dusty Petrol Delta color palette (#F8EBE4, #8CC0D3, #006CAB, #003E3A, #000016)
• Washed Cerulean Parlor color palette (#DEE2CE, #509AB4, #00516E, #002F35, #001625)
• Muted Cerulean color palette (#E1EFED, #78BBD2, #008FBE, #006B77, #001625)
• Patina Cobalt Grove color palette (#F7EAF3, #8BD1E4, #328CD0, #006F54, #232A50)
• Antique Azure Hollow color palette (#FFF0FC, #9CEAF4, #00A8E8, #008755, #2C3F65)
• Blush Station color palette (#FFE4F4, #FF8C8E, #C28C27, #5A4C8E, #200C27)

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