Dusty Petrol color palette — #DDEDF5 · #0079AC · #004A76 · #00152E · #000106

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

The five colors

• Frost (#DDEDF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0079AC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004A76): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00152E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Navy Villa color palette (#DCEEFF, #096EC9, #003493, #04004F, #01000B)
• Lowlit Grove color palette (#D9EFEA, #007B76, #004747, #001C1F, #000102)
• Denim Villa color palette (#C5E4F2, #00628A, #003654, #001B34, #08031D)
• Cobalt Veranda color palette (#D4E9FD, #076EB7, #00662D, #002D50, #000200)
• Softworn Navy color palette (#C4EBEF, #0086A6, #006096, #04279F, #080031)
• Aubergine Bloom color palette (#DFEDFF, #004FAD, #72007D, #003A38, #000105)
• Timeworn Iris color palette (#DCEBFF, #A0ADEC, #9381CF, #004472, #00000B)
• Wandering Ridge color palette (#E9ECFF, #6453C4, #48009D, #200041, #020006)

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