Petrol Dune color palette — #FCF4EA · #B0E0D3 · #7E93CD · #007A8A · #3B335D

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

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Mint (#B0E0D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7E93CD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3B335D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Timeworn Lagoon Thicket color palette (#FDF3EE, #C6E6E1, #7BACC7, #2A8D77, #553F56)
• Misty Terrace color palette (#FFF3E9, #99D4F2, #178DF8, #007272, #242A68)
• Patina Cobalt Lagoon color palette (#EFF7F7, #ACC8E4, #4E7AB4, #005A7E, #273960)
• Periwinkle Pier color palette (#F3F7EE, #C8E3FF, #7DB4FF, #3996C5, #4A3047)
• Petrol Atelier color palette (#FAE9DF, #6FACBF, #006CA4, #004B43, #000845)
• Jade Villa color palette (#D4E4D3, #42C096, #00988F, #006A72, #003D51)
• Washed Coral Drift color palette (#E3F4E0, #00C1B7, #DC7072, #00837C, #5A1F22)
• Tempered Teal Lagoon color palette (#F8ECE6, #43A4A1, #006374, #003E22, #000B14)

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