Dusty Petrol color palette — #EAF3FA · #8BBBD3 · #C98C67 · #007CA5 · #442636

Cerulean and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF3FA): a clean, paper-quiet neutral.
• Ash (#8BBBD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#C98C67): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#442636): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Washed Pier color palette (#E9F3FE, #90B8DE, #BF9356, #2676B8, #203821)
• Amber Chapel color palette (#EBF9F4, #88B6DA, #D27F69, #3778A7, #534B47)
• Cypress Thicket color palette (#E5F5F8, #7BC3B7, #CB8497, #008476, #4A232E)
• Antique Olive Harbor color palette (#E6F4FF, #69A4C9, #B47A8E, #747F3C, #172937)
• Sunlit Alley color palette (#E8F3FF, #549CEA, #AD7600, #005BA7, #2E1C00)
• Dusty Pewter Workshop color palette (#ECF4EE, #A3C4B2, #6B8C74, #714B58, #173229)
• Tempered Denim color palette (#EDF2FB, #AECDB4, #535F8A, #22304D, #0F141C)
• Hushed Cerulean Terrace color palette (#E9F3FC, #D7D6E4, #CDC0B7, #539FAC, #2F4152)

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