Petrol Dune color palette — #E9F9F7 · #BBD9EE · #639DC3 · #00798F · #173D5D

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Powder Blue (#BBD9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#639DC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#173D5D): A deep, shadowed, 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

• Muted Cerulean color palette (#EEF6FF, #CDE1FF, #BDC4FF, #498EB4, #2E3F56)
• Aged Lagoon color palette (#ECF8F5, #C5E0F9, #6DB2B6, #46887A, #264E5D)
• Aged Petrol Summit color palette (#DCEAE8, #6CAEB5, #007384, #004A47, #00171F)
• Muted Sky color palette (#F4F6EF, #BDE1F2, #31B1F8, #007C93, #07372D)
• Turquoise Courtyard color palette (#CCF2FB, #2FBFE3, #008CB6, #006089, #003A5A)
• Cerulean Basin color palette (#E2F3EF, #8AD3D6, #0098A6, #006D64, #00343E)
• Pale Azure Corridor color palette (#CFE8FF, #2E9EE5, #9F72C4, #008B75, #132E43)
• Cobalt Corridor color palette (#E1F2F1, #85B8DE, #3778B6, #005570, #001C49)

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