Dusty Petrol color palette — #F1E7E2 · #9DBD9D · #00788E · #004E2F · #001828

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7E2): a clean, paper-quiet neutral.
• Sage (#9DBD9D): A luminous, dusty green — the color of fresh herbs.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Petrol color palette (#F1E7E1, #88BCD0, #0070B1, #004C46, #06103A)
• Wandering Harbor color palette (#FAEFEB, #B1D1B8, #1D87AD, #005E47, #00213F)
• Antique Corridor color palette (#F8F0EC, #C8E5DF, #7DA792, #417862, #1C3D35)
• Hushed Cerulean color palette (#E7FAF6, #C3E1FF, #00A5B1, #006B5F, #00232A)
• Cerulean Market color palette (#F2E6E0, #268697, #00415C, #002019, #000105)
• Hazy Sapphire Cabin color palette (#EEDDC5, #A47600, #2869BF, #5C4100, #00112E)
• Weathered Cypress Studio color palette (#F7F0EB, #C1E6D5, #6791BE, #006D6B, #3B2335)
• Wandering Navy Delta color palette (#F2E7DE, #5891B6, #0040A2, #002B2E, #04001A)

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