Dusty Petrol color palette — #F4F6F0 · #C8E4E8 · #789BCA · #387696 · #5E4C5C
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C8E4E8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#789BCA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#387696): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Washed Turquoise color palette (#F5F6EF, #C6E7E1, #48A8BC, #2F7C7A, #365143)
- Cerulean Garden color palette (#FCF2F5, #DCDEEC, #9DB2D5, #57919B, #4C5168)
- Wandering Petrol Field color palette (#F7F1EA, #C0ECF2, #B38FAC, #3D757E, #452E3A)
- Patina Petrol Workshop color palette (#EEF0E6, #7FBCD0, #007297, #004E57, #00324B)
- Softworn Cabin color palette (#FFF2EF, #D99CAC, #7B96DB, #A1596D, #5B4557)
- Cerulean Studio color palette (#F5F6EB, #91DCE9, #008EA9, #006667, #00475C)
- Tempered Cerulean Veranda color palette (#E7E9DE, #36A0AA, #005360, #00302E, #00171F)
- Driftwood Study color palette (#FFF2EC, #D07F74, #9F882F, #8C6791, #48403D)
Browse the whole catalog at Explore, or see today's palette.