Dusty Petrol color palette — #F6EAF2 · #67ADB8 · #007FA8 · #005F4B · #00091A

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

The five colors

• Blush (#F6EAF2): a clean, paper-quiet neutral.
• Cyan (#67ADB8): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00091A): 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

• Sunlit Courtyard color palette (#F9E8EF, #73A8C7, #1C71D8, #005D5F, #06002B)
• Hushed Dune color palette (#EFF1E0, #789D80, #006374, #003B3A, #000B11)
• Patina Cabin color palette (#D3F3FF, #008F9B, #B94800, #006068, #100200)
• Hushed Lilac color palette (#CEEDFD, #86ABD0, #9A89DD, #008069, #001320)
• Weathered Cerulean Corridor color palette (#D6F1FF, #009AC1, #00728C, #003C4F, #000203)
• Cerulean Workshop color palette (#F9E3DA, #008896, #004258, #002017, #000104)
• Pine Thicket color palette (#F2E3ED, #98C9D6, #00A3BD, #00824C, #002234)
• Hushed Plum color palette (#D2E6F5, #0079A4, #BB0652, #854600, #000204)

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