Petrol Dune color palette — #F4EBF4 · #78C5CD · #007098 · #004123 · #00020E

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4EBF4): bright and airy, almost weightless.
• Aqua (#78C5CD): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#00020E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Ultramarine color palette (#F6EAF0, #81C0DE, #0761CD, #003F37, #030011)
• Hushed Bloom color palette (#FBF2F8, #96D7EC, #2B7FC4, #005341, #080132)
• Aged Lagoon color palette (#E7F3E9, #379A9F, #005361, #002D24, #000509)
• Cerulean Quarry color palette (#EAE3D9, #4CC4CA, #0092AB, #006F5C, #001721)
• Gentle Alley color palette (#CEEFEE, #23A46C, #7F00BE, #00482B, #020006)
• Muted Jade color palette (#ADF4BE, #09B07D, #005B3A, #001609, #000201)
• Feathered Periwinkle color palette (#C1FBF4, #8CD3D4, #50A5EE, #6B5400, #000905)
• Fern Station color palette (#F3E4C2, #7F8600, #306700, #002C16, #000202)

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