Dusty Petrol color palette — #F2E4ED · #85BDD3 · #306CB0 · #004C40 · #13093E
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E4ED): a clean, paper-quiet neutral.
- Sky (#85BDD3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#306CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#13093E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Parlor color palette (#E7F2E9, #7BBCD5, #006FA3, #004F52, #092E56)
- Wandering Hollow color palette (#F9EFF3, #B3CBDE, #607AB5, #005C58, #23183E)
- Nightshade Hollow color palette (#F4E9ED, #839FBB, #464E9F, #00393B, #120024)
- Forest Drift color palette (#F9EEFA, #9FDDDC, #0091B3, #006820, #002549)
- Aged Azure Courtyard color palette (#FAF4EC, #C3F2DA, #379BD6, #00696D, #001E41)
- Worn Balcony color palette (#F4EBF2, #4897A2, #005071, #002E1A, #00011C)
- Cypress Courtyard color palette (#F7EFF3, #D7D1E5, #7F9ECA, #217B6E, #2D3450)
- Grape Grove color palette (#F2E3FF, #E6C0DF, #B5A45C, #7248AB, #270F2B)
Browse the whole catalog at Explore, or see today's palette.