Petrol Dune color palette — #F2F7EF · #77BFAC · #1F77A6 · #00705D · #162822
Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F2F7EF): a clean, paper-quiet neutral.
- Mint Leaf (#77BFAC): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#1F77A6): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#162822): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Indigo Grove color palette (#F0F7F2, #74BCC7, #6265B3, #006C78, #2D1F28)
- Fern Grove color palette (#F6F6EE, #9CBB74, #007E8A, #4A6C00, #18281C)
- Hushed Pine color palette (#F0F3E9, #8CC29D, #7068B8, #007942, #190812)
- Petrol Bloom color palette (#FFF4E2, #44A8B2, #306F9E, #79353E, #254534)
- Hazy Emerald color palette (#EEF7F7, #95D5AE, #6D8CD8, #00995C, #1C2432)
- Powdered Summit color palette (#E7FBEF, #83EBDB, #4BC5E4, #5F86C6, #1B4637)
- Pewter Cabin color palette (#F1F7F1, #D1DDDC, #AEC5C6, #5E7E60, #424A42)
- Softworn Navy color palette (#B6FEF9, #69BDCB, #1581A9, #00568A, #1C3482)
Browse the whole catalog at Explore, or see today's palette.