Dusty Petrol color palette — #FCEFE8 · #7CC9DA · #007BAC · #005346 · #00183D

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

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Sky (#7CC9DA): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00183D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Veranda color palette (#FBEFEA, #AAD3B6, #0087B5, #005D4B, #2D1630)
• Linen Field color palette (#F4F7E5, #2BCCEC, #007999, #00555A, #00384E)
• Misty Cornflower Drift color palette (#FAF0E5, #A7D5FF, #4F74FC, #00606D, #261A4D)
• Washed Orchard color palette (#DEF7FF, #A9CEFF, #C095FF, #00766E, #001E2E)
• Worn Balcony color palette (#E8DFD9, #6AA6BA, #005E8F, #003A34, #00042E)
• Timeworn Station color palette (#CDEAE0, #009894, #006D7F, #003E52, #001A38)
• Wandering Azure color palette (#FFF0FA, #54DFFD, #0097D6, #007464, #123160)
• Misty Brick color palette (#BFEBF7, #007F96, #BD0D00, #744600, #001116)

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