Dusty Petrol color palette — #ECF7FF · #DBC189 · #317A9D · #114860 · #1A232A

Slate takes the lead with Sand close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sand (#DBC189): A luminous, dusty gold — the color of old brass.
• Slate (#317A9D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#114860): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1A232A): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Celadon Quarry color palette (#EAFAF0, #C9F3C0, #467F92, #214030, #03130B)
• Antique Harbor color palette (#EFF6FF, #E39793, #33527F, #1E2F45, #191926)
• Hazy Lapis Basin color palette (#F2F5FF, #E7B125, #6653C1, #383167, #14192E)
• Antique Azure Pier color palette (#E8FAF4, #FFC5B9, #629CC5, #3D6E60, #172521)
• Marigold Veranda color palette (#D2E7FF, #D6A200, #005AAC, #002D5C, #000F25)
• Softworn Workshop color palette (#F2F5FB, #DDD9E3, #C7BDCC, #7B8EBC, #424853)
• Chalky Wisteria color palette (#EFF6FD, #8FCBFF, #BC6BC5, #2F86C9, #252130)
• Soft Station color palette (#EEF6FF, #6FA0DF, #C75642, #656416, #1B3137)

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