Petrol Dune color palette — #F9E7F1 · #73ABC1 · #1767B6 · #004B3F · #11063C

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

The five colors

• Blush (#F9E7F1): A whisper-light, dusty pink — the color of neon signs at night.
• Blue Fog (#73ABC1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#1767B6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#11063C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Linen Indigo Workshop color palette (#F0DFE5, #8AB8D8, #4E6CD0, #005957, #260C4A)
• Washed Abyss Station color palette (#E6DBE6, #68B0B1, #007190, #004E1D, #00142E)
• Quiet Sapphire Parlor color palette (#F9EBE2, #6AC4E5, #0067BD, #003F34, #020013)
• Hushed Denim Drift color palette (#F3ECE2, #5699B3, #004F76, #002F32, #00132F)
• Cobalt Summit color palette (#D6E5D9, #67BDDD, #008CCD, #006C71, #00132F)
• Hushed Cobalt Station color palette (#F9E9F3, #9ECCE4, #4B8BC6, #006E58, #24265B)
• Misty Pine color palette (#FEF0FB, #A6E8F3, #46A5DD, #00875B, #273C74)
• Wandering Ridge color palette (#E8DDF6, #E09E9C, #B48D00, #604A98, #380310)

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