Dusty Petrol color palette — #F1F3E9 · #C5E5D6 · #5995BB · #006A7C · #0A342B
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Celadon Mist (#C5E5D6): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#5995BB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#0A342B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Softworn Cerulean color palette (#F0F4E5, #9FDAF1, #008EC1, #00606D, #002840)
- Softworn Summit color palette (#F2F2EB, #C5E2DB, #6CA7B2, #597355, #223D2E)
- Denim Atelier color palette (#E5EBD9, #628FB1, #004B84, #002938, #000412)
- Cypress Studio color palette (#F3F3E1, #77CDC8, #008286, #005346, #001F23)
- Wandering Cerulean Alley color palette (#EDF8F7, #D1DCF9, #6BADD7, #0089A0, #2D4A65)
- Muted Mulberry color palette (#FFEDEC, #CD8DAD, #6291C5, #944570, #082848)
- Antique Indigo color palette (#FFEDEA, #C3708B, #AC702E, #6E5DA6, #311511)
- Hushed Ridge color palette (#FFEDE9, #E9D2C4, #E0BB90, #9E6A80, #432E28)
Browse the whole catalog at Explore, or see today's palette.