Dusty Petrol color palette — #F5ECE8 · #9CBB9C · #00748A · #005332 · #00324B

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

The five colors

• Cream (#F5ECE8): a clean, paper-quiet neutral.
• Sage (#9CBB9C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#00748A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Atelier color palette (#FDF3EE, #ADCFB5, #3082A4, #00624C, #163C61)
• Cypress Villa color palette (#DFECE9, #7EC1C1, #007A82, #004C43, #001A1F)
• Aged Petrol color palette (#F6EDE4, #91BCAE, #4264B1, #004E56, #2B2557)
• Timeworn Denim Alley color palette (#F8E9E2, #73A8B7, #005D8B, #003F37, #011A4E)
• Turquoise Workshop color palette (#F8EAF3, #7FE7E6, #28B6D5, #3A9266, #00324B)
• Cypress Bloom color palette (#FAF4F0, #C4E5D6, #638EBB, #00716F, #5A3D53)
• Hushed Fern color palette (#F0E7CC, #7A915A, #5D5800, #4A3200, #032D10)
• Orchid Canyon color palette (#FFE8EB, #B34FB1, #155E04, #00514A, #330C33)

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