Dusty Petrol color palette — #E5F6F6 · #57957D · #2C7C86 · #61436A · #102015
Built around Teal, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Ivory (#E5F6F6): a clean, paper-quiet neutral.
- Fern (#57957D): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#2C7C86): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#61436A): A full-bodied, dusty pink — the color of a candy shop window.
- Onyx (#102015): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Dusty Driftwood Field color palette (#EBF5EF, #8F9049, #4A7E5B, #384F78, #211520)
- Denim Alley color palette (#E5F5FB, #00868F, #5F57A3, #722C18, #001416)
- Weathered Taupe Terrace color palette (#E8F5F1, #93A564, #4E759D, #723744, #3F1922)
- Weathered Lagoon color palette (#E0F2F1, #449664, #274046, #142120, #080E0C)
- Quiet Ridge color palette (#D9F9FF, #007F74, #00596E, #67005F, #100A00)
- Weathered Driftwood Balcony color palette (#EBF4F1, #D0D9DC, #ABAFBC, #668C81, #2F3836)
- Weathered Field color palette (#F6F6EB, #8DA77C, #3E91B0, #8D5A85, #36332C)
- Dusty Cabin color palette (#D4FDE8, #B3C697, #5D9679, #006258, #003039)
Browse the whole catalog at Explore, or see today's palette.