Dusty Petrol color palette — #EEF7F7 · #C7E0F3 · #6190B3 · #006D85 · #304A64

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#C7E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6190B3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#304A64): 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

• Aged Meadow color palette (#F7EFF2, #C1E1F9, #5C8FD3, #006C6F, #212B43)
• Denim Grove color palette (#DDF0EC, #76A7B8, #006370, #003E3B, #00242D)
• Muted Iris color palette (#E6F9FD, #5AB1A8, #807ED3, #00756E, #3D3B6D)
• Periwinkle Delta color palette (#FAF4EF, #BEE9EB, #72A7ED, #238A8D, #573F50)
• Tempered Boulevard color palette (#D6E4E2, #548999, #004358, #002225, #000B13)
• Hushed Lagoon color palette (#E4FAFF, #CCDBEE, #88C9DE, #008A79, #2B515C)
• Navy Veranda color palette (#DDECEB, #6D94B6, #00488E, #002D40, #000A42)
• Cobalt Atelier color palette (#E0FBFF, #2F9D86, #1982C0, #6D6E00, #113F44)

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