Dusty Petrol color palette — #E6F2E8 · #81BCCA · #007296 · #00504C · #003150
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#81BCCA): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003150): 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
- Ancient Cobalt Harbor color palette (#EFF8F1, #A6CBE2, #1B80B8, #005F63, #223B5C)
- Wandering Petrol Chapel color palette (#EFE6EC, #73C1D1, #0072AA, #004E36, #091137)
- Patina Denim color palette (#D8E1DA, #80A3BE, #00589E, #003D46, #09194E)
- Tempered Sky Bloom color palette (#F4EEE4, #93E1F4, #00B4EA, #00918B, #003150)
- Ancient Lagoon Harbor color palette (#D7E5DA, #529DA0, #005360, #003126, #001721)
- Washed Cypress color palette (#F1F7F2, #D5DEEE, #789EBB, #0F7E7E, #415569)
- Faded Delta color palette (#CDE2ED, #008DA9, #B33C24, #005263, #500A00)
- Muted Bloom color palette (#D6E7F2, #007696, #A21377, #544F00, #00232F)
Browse the whole catalog at Explore, or see today's palette.