Dusty Petrol Grove color palette — #EDF4EE · #D6DBEF · #869FBB · #2F7685 · #2A364C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D6DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#869FBB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2F7685): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2A364C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Grove 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

• Softworn Terrace color palette (#E2ECE4, #8EBBCF, #077698, #004C47, #001829)
• Ancient Denim color palette (#DBEBDE, #6AA4C5, #005A9B, #003840, #000231)
• Dusty Cypress color palette (#FAF4EF, #CBE6E8, #8898C3, #007F7D, #684756)
• Worn Cypress color palette (#E6F5F8, #83C1B7, #C28A97, #2C8176, #3C2842)
• Washed Balcony color palette (#E5F5F9, #CFD9E9, #BABEE2, #6B9EA0, #2F434B)
• Weathered Lagoon Coast color palette (#C7FCF8, #8CCDAB, #449986, #016A64, #153B46)
• Weathered Balcony color palette (#E1F0E4, #428681, #00444A, #002015, #000202)
• Timeworn Teal Alley color palette (#E0F7FC, #60ABA6, #9B81AE, #93714A, #112C31)

Browse the whole catalog at Explore, or see today's palette.