Dusty Petrol color palette — #FAEBE2 · #7BBCD1 · #296BA7 · #005141 · #252953

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#FAEBE2): A whisper-light, dusty gold — the color of old brass.
• Cyan (#7BBCD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#296BA7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#252953): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Softworn Petrol Lagoon color palette (#DCEDEB, #80BED3, #00759B, #004A52, #001827)
• Soft Nightshade color palette (#EEDECF, #65A6D4, #374EA8, #003E3D, #251440)
• Washed Orchard color palette (#FBF4EE, #A1D2BC, #5379B2, #006157, #4F2F41)
• Dusty Cerulean color palette (#EEF0E4, #A7CFB9, #2592BB, #006A75, #00324A)
• Muted Cerulean Workshop color palette (#FDE4DA, #00A2AE, #00506F, #00321A, #000F39)
• Powdered Periwinkle Courtyard color palette (#F7EAF2, #B2DAF0, #3FADF9, #009287, #162A5C)
• Cerulean Hollow color palette (#FCF3F0, #C7E7C4, #4396B0, #4A6C4B, #2B5047)
• Pale Cabin color palette (#F0DAE8, #B80093, #006D65, #005060, #361115)

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