Dusty Petrol color palette — #E9F4FC · #A9CFAC · #366881 · #173447 · #0E151A
A conversation between Peacock and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F4FC): bright and airy, almost weightless.
- Pistachio (#A9CFAC): A luminous, dusty green — the color of a quiet forest floor.
- Peacock (#366881): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#173447): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0E151A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Stone Drift color palette (#ECF2FD, #E9B3BA, #516182, #253148, #10141B)
- Cerulean Villa color palette (#EEF6FF, #D9D8CC, #6D89A5, #314860, #161C22)
- Cobalt Summit color palette (#EDF2FA, #ABC3F5, #9176A6, #5570AC, #151420)
- Timeworn Navy color palette (#EAF3FF, #45C18F, #184894, #001C4E, #010717)
- Washed Azure Quarry color palette (#E9F3FC, #5F9CC7, #957698, #386A4F, #142432)
- Twilit Forest Study color palette (#DFEEFE, #006A39, #342829, #001528, #000103)
- Wandering Driftwood color palette (#EFF2F9, #D7D5DC, #B5AAB0, #7582A2, #32363F)
- Cocoa Station color palette (#FCEDF7, #B3A1D0, #8B6C8C, #744336, #2A293E)
Browse the whole catalog at Explore, or see today's palette.