Dusty Petrol color palette — #D8E4E9 · #808F9D · #5D6991 · #003038 · #000103

Slate and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D8E4E9): bright and airy, almost weightless.
• Slate Blue (#808F9D): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5D6991): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Navy Field color palette (#E7ECF4, #898D9A, #6C6589, #001778, #000106)
• Wandering Orchard color palette (#E9F2ED, #AFBFB8, #7296B5, #004355, #000201)
• Dusty Denim color palette (#E3EAEF, #C3CCDB, #9DA2BA, #005C84, #0C1720)
• Navy Hollow color palette (#E4EBF6, #AFB3C0, #8C88AD, #003E90, #050B14)
• Charred Basin color palette (#D6EDF0, #2B5B7D, #391E6B, #1A1A00, #020300)
• Worn Grape color palette (#EEF1FF, #D4D1E4, #B6A3C4, #633AB8, #15182C)
• Quiet Aubergine Boulevard color palette (#DBE7F1, #009188, #006B9E, #5D0093, #000104)
• Cobalt Thicket color palette (#EEF2F8, #DBD5DF, #C8B7C7, #6172A8, #282C33)

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