Dusty Petrol color palette — #DAF8EC · #0073A1 · #0A3457 · #0E191D · #000810

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DAF8EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0073A1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0A3457): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0E191D): a grounded near-black with real depth.
• Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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 Cypress Lantern color palette (#D3E9CE, #007B74, #003A3D, #0D1E1E, #000A08)
• Ancient Courtyard color palette (#CDF0E6, #0897F1, #3C5989, #07375A, #000A06)
• Sapphire Study color palette (#EFDBF1, #0069C7, #1D2E61, #1E2129, #000717)
• Denim Station color palette (#CDF2E2, #005A7C, #37323D, #0B1439, #000306)
• Abyss Station color palette (#CFEDFF, #5E5356, #003B55, #21191F, #000713)
• Timeworn Cerulean color palette (#E8EADB, #6DBFC8, #0093A8, #006D69, #00171F)
• Dusty Workshop color palette (#F7E1EF, #8E93FF, #695E90, #55364B, #1A0C17)
• Washed Iris color palette (#F5E5ED, #8D76E4, #5D4876, #422535, #0A0207)

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