Dusty Petrol color palette — #F4EDE3 · #8ABFDA · #006BAD · #003D43 · #00020F

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

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sky (#8ABFDA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006BAD): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00020F): 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 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

• Muted Denim color palette (#E8E3DA, #89AC90, #005F73, #002C25, #000103)
• Frosted Cornflower color palette (#FBF4EA, #A6D8CB, #4274DC, #004E63, #080231)
• Wandering Navy color palette (#EBDDE3, #4694B6, #004498, #002C26, #040019)
• Azure Study color palette (#DBF2D1, #84D6E1, #00AAEC, #005D3C, #000505)
• Hazy Cornflower color palette (#F7E8DC, #69BCE1, #1E7DFA, #006E62, #14033D)
• Washed Emerald color palette (#D3E6D0, #009B5A, #00664B, #002822, #000202)
• Aged Petrol color palette (#FAF4EB, #C2E4F6, #7CAADD, #007C8E, #1F2C51)
• Airy Meadow color palette (#E0EED7, #00937A, #BA0068, #00473A, #040001)

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