Petrol Dune color palette — #F8EAF1 · #92B7D1 · #2869B2 · #004F50 · #23275B

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#92B7D1): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2869B2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#23275B): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Worn Cobalt Pier color palette (#FCF2F6, #AAC9E5, #5B76B4, #005E68, #39345D)
• Abyss Alley color palette (#F4EBF1, #85BBC9, #007587, #00532D, #003249)
• Timeworn Archive color palette (#E7EBDD, #91BFAC, #0072AB, #004959, #00172E)
• Periwinkle Courtyard color palette (#F8ECE2, #9ADEFF, #64A8F3, #0D9090, #222955)
• Fern Cabin color palette (#D8FAFE, #9ECDE4, #7196E6, #1A6A04, #063D4A)
• Washed Denim color palette (#ECDDE7, #6399A7, #004F74, #003129, #001135)
• Hushed Meadow color palette (#FAF3F6, #D9DDEE, #809AC6, #007E86, #49526B)
• Lagoon Grove color palette (#A6F4F2, #00A4A6, #00665E, #00332F, #001C1A)

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