Dusty Petrol color palette — #F0F7F4 · #E4D7D9 · #BFAEB5 · #156B99 · #2D3F39

A conversation between Peacock and Forest, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E4D7D9): bright and airy, almost weightless.
• Ash (#BFAEB5): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#156B99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#2D3F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol Balcony color palette (#EDF2F8, #D5D5E0, #ACB8CB, #2E6999, #1B2127)
• Ancient Cabin color palette (#FAF3F6, #E0D8D6, #ABADA1, #8478AE, #585053)
• Fern Market color palette (#FEF3E9, #AB9877, #606920, #32497B, #38352F)
• Patina Lapis Thicket color palette (#FEF1F9, #E4CBD2, #C8989A, #5042BB, #422A39)
• Dusty Navy Workshop color palette (#D9E4E1, #C2B4BD, #A4848F, #00467B, #0C241F)
• Fern Market color palette (#D1F1D4, #AF9BB0, #7C6993, #5E570B, #394700)
• Weathered Turquoise color palette (#EEF6FD, #D9D8E9, #C7BBD3, #69A8CF, #333C43)
• Byzantium Delta color palette (#FEF2F4, #E7D6CD, #D6B3A9, #8E43AB, #4C3A3F)

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