Dusty Petrol color palette — #E7F2E9 · #94B5D3 · #3F68A7 · #004D5E · #212858

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#94B5D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3F68A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#212858): A deep, shadowed, balanced violet — the color of wild irises.

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

• Wandering Petrol color palette (#E5F3E8, #7DBEC3, #00748A, #005144, #003347)
• Cobalt Basin color palette (#EFE6E9, #9AB7D2, #5364B2, #004B4C, #1F013C)
• Worn Basin color palette (#EFF8F0, #96DBE9, #108CB3, #006760, #00446A)
• Cornflower Chapel color palette (#F4EDE6, #A4CFC1, #687FDB, #006C6C, #361F56)
• Pale Periwinkle color palette (#F4EDE3, #AFD9FC, #6AA4FF, #008DA9, #222955)
• Wandering Summit color palette (#DEF0E1, #4C9ABB, #004E7A, #002F33, #001233)
• Softworn Boulevard color palette (#F1F7F2, #CEE2F4, #62A6AE, #477B65, #3D5764)
• Linen Moss Lantern color palette (#C9E5DD, #729E21, #744098, #385300, #38144F)

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