Dusty Petrol color palette — #F1E5ED · #77C0D0 · #0074A2 · #004D40 · #001435
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Cyan (#77C0D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Petrol color palette (#DEF4F1, #66C0D4, #00738F, #004F53, #003346)
- Patina Cobalt color palette (#F6EFF3, #A7CDE5, #3A81BD, #005C57, #122039)
- Ultramarine Workshop color palette (#F9E8EF, #6AA4C6, #0053B3, #00393B, #08002F)
- Hushed Azure color palette (#F6F0F3, #D5D1E8, #6CA3CB, #30796F, #28374C)
- Muted Bloom color palette (#F5EBF2, #3D9A9D, #005265, #002D1C, #00050C)
- Moss Loft color palette (#E4E5D2, #669700, #00642E, #003C2F, #001B19)
- Faded Azure Courtyard color palette (#CDF3F1, #6EE3DF, #30ACF3, #586804, #002024)
- Chalky Atelier color palette (#D6F7F7, #26A76D, #9F0085, #005533, #26001E)
Browse the whole catalog at Explore, or see today's palette.