Dusty Petrol color palette — #F4F8E1 · #66AC66 · #0072B0 · #6F2352 · #0E0900

Cerulean takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#66AC66): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0072B0): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6F2352): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#0E0900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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 Jade color palette (#F3F8E8, #35AC75, #00777D, #5A2D77, #120800)
• Chalky Sapphire color palette (#EBFAED, #00A0A9, #386BC4, #772C46, #0C0B00)
• Dusty Clover Field color palette (#F7F7E2, #85B84C, #4277BC, #81232C, #3B0009)
• Patina Cobalt color palette (#F2F8E9, #67C394, #6582CE, #84454C, #1B1906)
• Mint Canyon color palette (#FFF2EA, #92C971, #00918E, #79365B, #1D2505)
• Frosted Olive color palette (#E5FBF3, #647700, #004889, #640E41, #01281E)
• Emerald Study color palette (#EFF9E3, #00A274, #203D25, #0C1203, #010100)
• Jade Terrace color palette (#F3FDB5, #A3D796, #37A884, #006163, #002934)

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