Dusty Petrol color palette — #ECF8F8 · #62A88E · #007D97 · #43517C · #1E4C40
A conversation between Teal and Jade, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Jade (#62A88E): A luminous, balanced teal — the color of sea glass.
- Teal (#007D97): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#43517C): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#1E4C40): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.
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
- Muted Petrol color palette (#EAF8FD, #38AAB0, #3675A9, #544B7C, #473D57)
- Patina Lagoon color palette (#D9FDFF, #76C3AB, #00A18E, #00736E, #33535C)
- Antique Pewter color palette (#E2FBFD, #B5D5DC, #829EAA, #68748A, #56505F)
- Feathered Boulevard color palette (#E3FAFE, #009280, #006285, #3A288F, #153A00)
- Feathered Ultramarine Field color palette (#EBF7FF, #0095C4, #5259AD, #603564, #004335)
- Jade Workshop color palette (#E7F5F2, #80AB69, #646E9D, #5F3E62, #371C32)
- Patina Lagoon color palette (#E8F5F4, #448F60, #1C4446, #1B2C2C, #101618)
- Tempered Mint color palette (#F7F6E7, #9EBE77, #728BC1, #825A74, #5B382E)
Browse the whole catalog at Explore, or see today's palette.