Dusty Petrol color palette — #F8F6E4 · #BDEAC8 · #75B09F · #3A77A9 · #354700

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#BDEAC8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#75B09F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3A77A9): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#354700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Cypress Grove color palette (#FAF5E5, #E2E0AB, #95AB7A, #008387, #4B3F00)
• Softworn Courtyard color palette (#F4F7E9, #ADE9EE, #6BACC6, #7767A2, #314537)
• Washed Station color palette (#E6FBF2, #81B87E, #4A856C, #345F78, #324E4C)
• Worn Terrace color palette (#FFF2E9, #C4DA9A, #5BC3B2, #AA7B99, #474941)
• Dusty Nightshade color palette (#F4F8DF, #49CDCC, #008DA6, #503F97, #00272A)
• Tempered Parlor color palette (#FFECF4, #97B969, #45857E, #674563, #1B312F)
• Washed Mint color palette (#F2F8E9, #81BE99, #4F5847, #282D1D, #0F1009)
• Tempered Azure Station color palette (#F4F6F0, #C7DBE9, #BFBDF1, #489CC6, #5C4459)

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