Petrol Dune color palette — #EFF7F6 · #D4DDEF · #6BA2BB · #287B86 · #3D5669

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D4DDEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6BA2BB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#287B86): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#3D5669): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Dusty Hollow color palette (#DCEFEC, #7DA5B9, #00617B, #003D41, #002333)
• Powder Alley color palette (#FAF4F0, #CCE8E6, #7DB8E5, #54948B, #5E4C5C)
• Dusty Cerulean Summit color palette (#EFF7F6, #A4CCDB, #238697, #00605C, #004252)
• Patina Abyss Meadow color palette (#D5E2E1, #5787A0, #004162, #002129, #000A18)
• Powder Veranda color palette (#F4F6EE, #C7E8E6, #9FCFE7, #8AAC93, #345147)
• Muted Pier color palette (#E8F9F9, #8EBCEB, #266BC8, #005072, #102977)
• Cobalt Villa color palette (#F8F2FF, #BA85A4, #B47A59, #686FB2, #473D52)
• Driftwood Lagoon color palette (#FAF2FE, #E9D5DC, #EBC2A5, #A97B96, #574B5B)

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