Petrol Dune color palette — #F1E1DA · #80BDC4 · #0080A4 · #005B44 · #00213C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E1DA): A whisper-light, dusty orange — the color of autumn markets.
- Ash (#80BDC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cobalt Boulevard color palette (#F6EAE1, #7BBBDB, #0674D4, #005959, #151848)
- Cerulean Terrace color palette (#ECF9EE, #91DAE2, #0088A4, #005347, #000F18)
- Timeworn Turquoise Quarry color palette (#D4E6E2, #37B1BC, #006271, #003E3B, #00242D)
- Azure Garden color palette (#F2E5F0, #8DCDD3, #009FD5, #00824B, #001A4D)
- Misty Canyon color palette (#E2F3E6, #84CEFF, #A294F3, #007356, #002332)
- Dusty Cornflower color palette (#FFF3E8, #8ED4FF, #3489FE, #007176, #2A266D)
- Azure Corridor color palette (#FBF3EE, #B6DFCD, #5F98DC, #007C7C, #31375A)
- Airy Scarlet Balcony color palette (#D4E6D7, #0098A5, #D42600, #005E67, #380400)
Browse the whole catalog at Explore, or see today's palette.