Dusty Petrol color palette — #EDF3F8 · #87B9E3 · #8A61A3 · #006AA6 · #0D0C1A
Peacock and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF3F8): a clean, paper-quiet neutral.
- Sky (#87B9E3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#8A61A3): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#006AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#0D0C1A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, 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
- Ancient Denim color palette (#EEF2FA, #A2AEF1, #A25C75, #525BAA, #140919)
- Softworn Cobalt Balcony color palette (#E7F5F9, #64C5C6, #5B72B2, #007374, #060E1D)
- Patina Field color palette (#F0F7F3, #7AB9D1, #9B5475, #006A85, #351C1B)
- Wandering Cobalt Bloom color palette (#ECF8F4, #98CAF4, #A678CA, #0087D1, #331C24)
- Iris Orchard color palette (#E6F7E9, #8598DF, #7B5D8D, #5C4100, #1C2137)
- Petrol Villa color palette (#EEF2F9, #D8D5DD, #C1B8C6, #62749C, #272C34)
- Aubergine Veranda color palette (#E0EDFF, #A3AAE1, #836CB0, #5E2F74, #3F003A)
- Aged Cobalt color palette (#E9F3FF, #3F7BB0, #864138, #464300, #00161C)
Browse the whole catalog at Explore, or see today's palette.