Dusty Petrol color palette — #DCE5EB · #B1C8D9 · #92A7BC · #006B85 · #0F222C

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

The five colors

• Frost (#DCE5EB): a clean, paper-quiet neutral.
• Oat (#B1C8D9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#92A7BC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006B85): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0F222C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Antique Petrol color palette (#ECF7FC, #D7D8E5, #B3BAD1, #006C7C, #000F17)
• Abyss Garden color palette (#E3F0F7, #ACBBC8, #7D90A8, #004D5D, #142128)
• Timeworn Pewter color palette (#ECEEF9, #D5D5EE, #B8B3CE, #7A64A3, #2B2C3C)
• Gentle Petrol color palette (#CCE3FF, #8191CD, #6C5DA1, #653447, #43131B)
• Worn Navy Atelier color palette (#DCE1E9, #9FA4B6, #81849E, #36388B, #050913)
• Nocturne Station color palette (#CFE1F2, #0064A5, #2B2128, #0D2248, #000A18)
• Jade Dune color palette (#DFF5F2, #44A970, #007252, #005148, #00201F)
• Hushed Ultramarine Harbor color palette (#CEEFDB, #008AC2, #0052B4, #5A1458, #00182A)

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