Dusty Petrol color palette — #E7F0F6 · #CED9E4 · #A5BAD2 · #007CA8 · #1F303C
A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0F6): a clean, paper-quiet neutral.
- Silver (#CED9E4): a clean, paper-quiet neutral.
- Ash (#A5BAD2): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#1F303C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Terrace color palette (#EFF8F4, #C5DBEA, #D9BFC7, #3D7EA0, #10231C)
- Ultramarine Hollow color palette (#DEE5ED, #BAC5D5, #9AA5BB, #005FB5, #15202D)
- Ancient Cypress Market color palette (#D1EAEA, #7BB29E, #008473, #006264, #003033)
- Cellar Cobalt Market color palette (#D3E0F1, #326FC9, #233251, #031532, #00050E)
- Softworn Iris Summit color palette (#F2F5FB, #DAD8E0, #C3BDCB, #748EC7, #424851)
- Powdered Field color palette (#D7E2F1, #4B85DE, #8539AD, #7D0038, #00242D)
- Aged Grove color palette (#F2F5FE, #D9DCF2, #BAB9E2, #7657E9, #29314F)
- Worn Courtyard color palette (#DBDEFF, #ADA0CC, #9976A5, #824342, #5A2512)
Browse the whole catalog at Explore, or see today's palette.