Dusty Petrol color palette — #E3E5D9 · #64AEC1 · #00718F · #00494E · #001622
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3E5D9): bright and airy, almost weightless.
- Cyan (#64AEC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001622): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Loft color palette (#EBF1E0, #6EA8D8, #1767B5, #004660, #000E3A)
- Wandering Petrol Lantern color palette (#E1F2F0, #6AC6DC, #007290, #003D41, #000306)
- Denim Veranda color palette (#F2E0D7, #5D9AA9, #004F74, #003129, #001135)
- Wandering Cobalt Coast color palette (#EDDCE8, #74BCCF, #008CCA, #006E60, #001135)
- Turquoise Chapel color palette (#D8F4EB, #71BBD2, #00A7B3, #006B48, #00201B)
- Aged Azure Studio color palette (#F4F6ED, #B5E0C9, #3FA1CC, #007A88, #134437)
- Softworn Lagoon Boulevard color palette (#DEEEE9, #00A386, #006854, #002C22, #000503)
- Ultramarine Studio color palette (#D9E6C6, #008D61, #005ADD, #005337, #000C2E)
Browse the whole catalog at Explore, or see today's palette.