Dusty Petrol color palette — #DFF1F0 · #609D91 · #007989 · #273E00 · #000201

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

The five colors

• Cream (#DFF1F0): bright and airy, almost weightless.
• Eucalyptus (#609D91): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007989): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#273E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

• Muted Emerald color palette (#C9E7DE, #5B9B66, #007466, #372F00, #010500)
• Pale Cobalt color palette (#EBEBDC, #00A494, #1B77C6, #3F3000, #00100B)
• Timeworn Fern color palette (#E0E9C9, #61AFA2, #008EA2, #3F5C00, #000D07)
• Tempered Sapphire color palette (#C8E5EE, #5699B1, #2F64C1, #00332B, #000203)
• Azure Delta color palette (#D4E8E4, #5DCBC9, #5992DB, #514500, #000201)
• Timeworn Azure Terrace color palette (#D9ECF2, #60BCD7, #5991DE, #005E49, #001115)
• Dusty Pine color palette (#D5F3F5, #85D5D9, #5AADD3, #007844, #00201E)
• Aubergine Courtyard color palette (#D4E9F0, #00646B, #2A0075, #002427, #00000B)

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