Petrol Dune color palette — #F7ECE6 · #84BBC9 · #006EAA · #00523C · #1D2660
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Ash (#84BBC9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1D2660): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Petrol color palette (#E1EDE3, #82BECE, #00759D, #004B49, #00172B)
- Aged Cobalt color palette (#FEF3EC, #A8D0BD, #527AAF, #006155, #37355C)
- Sunlit Nightshade Corridor color palette (#F1E7DF, #76A5C4, #304EAC, #003E3C, #260B4C)
- Ancient Hollow color palette (#F1E0DA, #4A9EA3, #00516C, #003216, #001232)
- Periwinkle Drift color palette (#F8EAF3, #9FDFF0, #4DACF4, #009471, #222A53)
- Navy Studio color palette (#F6E8DE, #5388A5, #06328D, #002320, #0C0026)
- Softworn Cypress color palette (#FAF4F0, #CAE7E5, #799DC2, #387D6B, #65485C)
- Plum Dune color palette (#FEDFDF, #A53E83, #006F58, #005257, #331027)
Browse the whole catalog at Explore, or see today's palette.