Dusty Petrol color palette — #E6F2E8 · #8ABACC · #00748E · #005147 · #00324A

Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Ash (#8ABACC): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Harbor color palette (#EFF8F0, #A6CBDE, #3681A5, #00605E, #1D3D59)
• Weathered Sapphire Villa color palette (#E6F2E9, #92B5D7, #3D64B5, #004D61, #252756)
• Washed Petrol color palette (#F1E5EF, #8ABCCF, #0074A2, #004E2F, #031239)
• Airy Turquoise Orchard color palette (#F5EDE1, #99E1EA, #00B6DE, #009382, #00324A)
• Patina Abyss Pier color palette (#D8E5DB, #609C98, #00545B, #003121, #00171E)
• Antique Boulevard color palette (#F1F7F2, #D3DFEF, #6DA2B8, #237E77, #405568)
• Plum Field color palette (#EBE5F6, #9D4589, #6E5E00, #005667, #360B2D)
• Quiet Aubergine color palette (#E0DAEF, #A662A1, #128836, #70006C, #00330D)

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