Dusty Petrol color palette — #E2FCF3 · #0071A8 · #434E00 · #003E26 · #0B2713
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2FCF3): A whisper-light, dusty teal — the color of sea glass.
- Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#434E00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#003E26): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#0B2713): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Ultramarine Delta color palette (#FFF0FB, #475BAE, #005D29, #003A3A, #00251B)
- Antique Cypress Market color palette (#EDF9ED, #007A7D, #664500, #323D00, #172202)
- Softworn Garnet color palette (#FFECF3, #7A5AB0, #8F2729, #253E00, #140416)
- Grape Coast color palette (#FADFEC, #623CAE, #004939, #003239, #220C21)
- Dusty Byzantium color palette (#FFF1F4, #9430B1, #005D5F, #003E5D, #211C3F)
- Patina Denim Basin color palette (#FBF2F6, #E4D5D4, #C0AEB2, #655996, #45353D)
- Dusty Alley color palette (#F4F4FF, #9A6AC0, #B23F3F, #425A00, #051C36)
- Hushed Iris Dune color palette (#FEF1F8, #837AB8, #1D745E, #125765, #3B2C3B)
Browse the whole catalog at Explore, or see today's palette.