Dusty Petrol color palette — #DFEDE2 · #7CBED8 · #0072A9 · #004B4E · #001532

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFEDE2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7CBED8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001532): 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

• Petrol Orchard color palette (#F8ECE3, #87BACE, #006CB0, #00504C, #1B2A59)
• Denim Garden color palette (#DAEADD, #5DA2DF, #2853A7, #003746, #06022C)
• Cerulean Balcony color palette (#EDF1E1, #93CEE6, #2691C1, #006A78, #00314E)
• Weathered Cerulean color palette (#D4E8D7, #009BAD, #005168, #002C27, #00050B)
• Navy Villa color palette (#DCECDF, #347FB2, #00387C, #001E26, #00000C)
• Plum Lagoon color palette (#F7EAFF, #C0006F, #5C6500, #005276, #13031B)
• Sunlit Raspberry Workshop color palette (#E8D7F7, #CA4390, #007E61, #7F0054, #00170F)
• Worn Apricot color palette (#FFE0EC, #FFBAB7, #DA8D64, #7E5278, #26142A)

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