Dusty Petrol color palette — #D7F1FF · #00749F · #7F4F00 · #543300 · #000D15
Built around Slate, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Frost (#D7F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#7F4F00): A full-bodied, balanced gold — the color of honey in a jar.
- Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#000D15): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Frosted Terracotta color palette (#D8F0F1, #007A7F, #9C3200, #691F00, #000E0F)
- Gentle Sapphire Lagoon color palette (#E7F0FC, #0066D3, #5E6000, #3D3F00, #000A20)
- Ultramarine Workshop color palette (#FED9F9, #0054D1, #6B3A00, #432200, #000903)
- Azure Archive color palette (#CFE8FF, #2A9FF1, #9F4B00, #684B00, #00213A)
- Muted Indigo color palette (#FCE0F0, #6D60D3, #4D720A, #334D0B, #1C0815)
- Sunlit Amethyst color palette (#E4E3F8, #7325FA, #605F00, #3F3E00, #0C0324)
- Aged Azure color palette (#E1F8F2, #5499DD, #9B7D55, #745932, #172623)
- Quiet Thicket color palette (#C1F1E1, #006EA6, #8C0F97, #00492B, #002237)
Browse the whole catalog at Explore, or see today's palette.