Dusty Petrol color palette — #DDEDEC · #8CB9DA · #1C6EB2 · #00485E · #001435

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

The five colors

• Frost (#DDEDEC): bright and airy, almost weightless.
• Sky (#8CB9DA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#1C6EB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00485E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Villa color palette (#DEEDEA, #8CBCCB, #007984, #004C45, #001A20)
• Dusty Petrol Balcony color palette (#F7ECE3, #8DB7D7, #4265AC, #004F55, #2A2654)
• Weathered Cobalt Summit color palette (#ECF0E3, #A8CEC1, #268BDC, #006785, #032C5E)
• Muted Parlor color palette (#DEF3F1, #5793AA, #00506F, #002B31, #00050B)
• Antique Brick Veranda color palette (#F8D6D5, #B63745, #785800, #662D83, #1E0003)
• Chestnut Veranda color palette (#DFEFDE, #9C8252, #734C08, #492800, #140D00)
• Amber Lagoon color palette (#FEE7FF, #FAAB9C, #DB875D, #94495E, #35100E)
• Garnet Station color palette (#E9DAEE, #BF5875, #776D00, #84003C, #151200)

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