Dusty Petrol color palette — #D9F3E8 · #006991 · #3F404A · #0F2343 · #000D07

Peacock and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D9F3E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006991): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F404A): a grounded near-black with real depth.
• Midnight (#0F2343): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Cobalt color palette (#D8F1FF, #0085B1, #393C6D, #07202F, #000203)
• Shadow Denim Grove color palette (#F4E7F5, #0061B0, #1C1F45, #00091A, #000201)
• Petrol Basin color palette (#EBE5DA, #99BBA0, #00829E, #005A4F, #002334)
• Azure Garden color palette (#D9E9E4, #4396D6, #5A4556, #17342D, #121B16)
• Dusty Orchid color palette (#F9DFE9, #9D5CF1, #563957, #2C1C45, #190D15)
• Faded Pine Delta color palette (#E7E4D0, #76A067, #007442, #00504C, #072100)
• Softworn Sapphire color palette (#F3D5ED, #3A63FF, #3B2A69, #0B173D, #000A07)
• Indigo Atelier color palette (#E5E8F6, #5B62E0, #B93100, #006A3C, #0B053B)

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