Dusty Petrol color palette — #D5E2ED · #4A6A99 · #383D61 · #2F0F24 · #1D0000

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

The five colors

• Frost (#D5E2ED): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4A6A99): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#383D61): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Indigo (#2F0F24): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#1D0000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Ancient Thicket color palette (#D8F7F9, #15768B, #0A435E, #260D40, #1E0011)
• Worn Courtyard color palette (#E6E2FD, #755B8D, #532850, #360E08, #120A00)
• Airy Study color palette (#CBE6FF, #6284C2, #5F5EB8, #672D51, #28010D)
• Navy Grove color palette (#D1E8E4, #18637B, #2B2F63, #221500, #020600)
• Patina Denim Harbor color palette (#DDE6D6, #467F8B, #315386, #502B00, #121300)
• Wandering Abyss color palette (#DDF1ED, #528B92, #004451, #002222, #000B11)
• Weathered Bloom color palette (#EDE8FD, #7B7AA1, #664562, #592314, #2E2000)
• Aubergine Archive color palette (#E4E6FF, #5B50BB, #27007A, #09002A, #02000D)

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