Dusty Petrol Canyon color palette — #CFF1F8 · #007E98 · #004C65 · #002536 · #000B17

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#CFF1F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007E98): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002536): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Dusty Petrol Canyon 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

• Misty Courtyard color palette (#D2EDF4, #009ABD, #006F91, #004463, #00233D)
• Worn Cypress color palette (#DBEAE2, #008369, #00584C, #002723, #001211)
• Faded Boulevard color palette (#DCF1FF, #006AA2, #003C6F, #00153C, #000019)
• Powdered Mulberry color palette (#D5EFE5, #0073A7, #8D237D, #003A58, #140010)
• Gentle Quarry color palette (#D8E8FA, #90B2F5, #7C82C6, #004D6E, #000F27)
• Chalky Cobalt color palette (#BAECFF, #5FB0D9, #277CAF, #0B5586, #142D4A)
• Pale Aubergine Boulevard color palette (#D2EAFF, #005D92, #6D079D, #00463B, #00040A)
• Chalky Navy Market color palette (#D8E4EE, #0071C5, #00479D, #070080, #050038)

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