Dusty Petrol color palette — #F2E4EE · #73C1D2 · #1371A9 · #004D37 · #0A1135

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

The five colors

• Blush (#F2E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#73C1D2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1371A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0A1135): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Cobalt Basin color palette (#FCEDF5, #92D2EB, #4B7FB9, #005D4E, #151E3C)
• Weathered Petrol Atelier color palette (#E4F2F0, #78BECE, #007390, #004F53, #003347)
• Chalky Ultramarine Parlor color palette (#EDDBE2, #4FA7D4, #1A4FB8, #003A35, #0D0029)
• Timeworn Lagoon color palette (#F6E9F5, #009DA0, #005169, #002E10, #000410)
• Muted Plum Terrace color palette (#CAEBEC, #00966C, #9E3E97, #00543B, #240022)
• Sunlit Aqua Summit color palette (#C1F2ED, #33D9DC, #72A6F0, #6A5817, #001C1F)
• Weathered Navy color palette (#FCE6F0, #2483A8, #00377E, #00201B, #010009)
• Dusty Olive Balcony color palette (#E6E7CE, #648D00, #006B35, #00392D, #00171A)

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