Dusty Petrol color palette — #EEF8F3 · #BDC59C · #2A6581 · #0F3E52 · #242E29

A conversation between Peacock and Deep Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Pistachio (#BDC59C): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#2A6581): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#0F3E52): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#242E29): a grounded near-black with real depth.

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

• Abyss Hollow color palette (#F2F6F1, #C7C29A, #4F6644, #00433A, #272E24)
• Cerulean Field color palette (#EFF6FE, #FBC2B0, #5382AA, #355069, #252C33)
• Patina Pewter Ridge color palette (#F8F3F9, #B9C6A1, #6F5371, #462F48, #2F2026)
• Tempered Celadon Quarry color palette (#EAF7FF, #C3ECB7, #6EA8BC, #5B707C, #242D32)
• Linen Market color palette (#FCF1FC, #63B58F, #0E458E, #002356, #251325)
• Charred Forest Ridge color palette (#DDF4ED, #00713E, #2E2B34, #001628, #000307)
• Cobalt Cabin color palette (#F9F3F7, #E0D7D7, #B2ACA1, #737EB4, #5A4F56)
• Aged Fern Thicket color palette (#EFF8EF, #3A989A, #815C26, #505705, #32342E)

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