Dusty Petrol color palette — #E2F8EF · #6CADD1 · #B4814E · #006D98 · #3B2000
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Cream (#E2F8EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#6CADD1): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#B4814E): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#006D98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3B2000): A deep, shadowed, dusty gold — the color of old brass.
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
- Wandering Denim color palette (#FBEDF7, #8B9FE8, #A8893C, #4B5DAD, #332500)
- Airy Teal color palette (#E7F7E6, #4BB7B3, #BD7585, #007471, #431522)
- Powdered Study color palette (#ECF7FF, #89BFE2, #D99357, #008AC4, #5F3712)
- Ancient Studio color palette (#E4FCF3, #6AA6D4, #B1719F, #006CA4, #5A334F)
- Linen Azure color palette (#D9FBEF, #3E95D0, #B56A2F, #8F6013, #00251C)
- Cornflower Dune color palette (#F0E1F0, #2681FB, #8F6B00, #00479E, #1E1400)
- Washed Stone color palette (#FCEDF7, #B3B97E, #49527D, #361D30, #130910)
- Tempered Cocoa Harbor color palette (#FBF1DD, #A9B184, #827443, #6B4100, #24240E)
Browse the whole catalog at Explore, or see today's palette.