Dusty Petrol color palette — #EEE8DF · #95BEAB · #1271AC · #004A50 · #001338

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

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sage (#95BEAB): A luminous, dusty teal — the color of glacier melt.
• Slate (#1271AC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Station color palette (#F7F1E8, #A7D2C3, #557EB2, #005969, #131C44)
• Softworn Sapphire color palette (#F9EAF1, #90B7D1, #1163CA, #005147, #2B284C)
• Cypress Cabin color palette (#F0E8DA, #8AA587, #00646D, #003B29, #000D13)
• Cypress Loft color palette (#F6F1E9, #CFE2D1, #4C9AAE, #006E5D, #003145)
• Antique Navy Corridor color palette (#EAE3D7, #547DA0, #00318C, #001E27, #01000B)
• Quiet Azure Meadow color palette (#D9F0D0, #91D3DC, #55A9E0, #006E42, #001E1F)
• Dusty Emerald color palette (#DBEFD8, #359E5B, #006C4C, #00382F, #001D1C)
• Plum Quarry color palette (#E4F2D9, #009579, #AC367A, #005342, #280017)

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