Dusty Petrol color palette — #E8F5F1 · #96A970 · #006B9F · #495E00 · #000711

Built around Peacock, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Sage (#96A970): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006B9F): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#495E00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000711): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Gentle Meadow color palette (#E8F5F4, #8AC493, #2D7AB7, #007A30, #010F1E)
• Amber Grove color palette (#EBF5EC, #C49750, #007472, #724D00, #00080B)
• Jade Dune color palette (#EBF8F7, #5BAF6D, #006D63, #006126, #051C20)
• Washed Lapis Meadow color palette (#E7F5F6, #46B697, #6251B5, #00644F, #030417)
• Hushed Jade color palette (#DFECCF, #61A97D, #00776B, #00424E, #00192C)
• Tempered Bloom color palette (#F6F6EB, #A0C368, #00919F, #5C7F00, #071E0E)
• Patina Garnet color palette (#F7E2F0, #4B9E65, #006774, #6D0622, #001E16)
• Feathered Navy color palette (#DEF8F8, #028656, #004899, #680031, #000C08)

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