Dusty Petrol Workshop color palette — #E9EADD · #98BEA2 · #00788E · #004B4B · #001923

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#E9EADD): a clean, paper-quiet neutral.
• Sage (#98BEA2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Workshop 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

• Wandering Cerulean color palette (#F1F3EA, #A6D4BA, #0488B0, #005A63, #002436)
• Pale Courtyard color palette (#E7EBE0, #8DB9DB, #006DBB, #00485F, #001436)
• Petrol Courtyard color palette (#F9E9F5, #59C3D1, #007297, #00523F, #072F53)
• Denim Villa color palette (#E0E3D8, #5DA6C9, #005F8B, #003843, #000B1A)
• Weathered Villa color palette (#CBEBDD, #00749F, #7715D1, #005A42, #000D15)
• Misty Terrace color palette (#DBF9EA, #9BD5FF, #5BA1FF, #006272, #001C13)
• Hushed Canyon color palette (#ECEFE1, #37829F, #00415C, #001E24, #000104)
• Byzantium Terrace color palette (#DFF5E6, #008EA7, #9B21C7, #004F5E, #1F022B)

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