Dusty Petrol color palette — #E4E7D8 · #83BBCD · #0080A6 · #005860 · #002234
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E4E7D8): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#83BBCD): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002234): 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 Dusty Petrol 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 Petrol color palette (#EBF0E1, #74A8CF, #1269B0, #00475D, #001233)
- Wandering Cerulean color palette (#ECF8F6, #9CD6E8, #0086AE, #005058, #000E19)
- Gentle Studio color palette (#ECF1E1, #9FCBE7, #338DCF, #006882, #022E59)
- Ancient Denim color palette (#F0E4DE, #80AA92, #005D8E, #003F38, #071B49)
- Denim Dune color palette (#EEF1DF, #629DAA, #00627A, #003B3E, #000B12)
- Lagoon Market color palette (#F6F7E2, #91DAD7, #009FA7, #007464, #003A42)
- Pale Azure color palette (#F4F7E8, #A8E5FF, #3AA7DB, #008092, #00446A)
- Lagoon Quarry color palette (#F5F6EE, #C8E7E0, #99BBA3, #57938E, #395143)
Browse the whole catalog at Explore, or see today's palette.