Dusty Petrol Studio color palette — #EFF8F3 · #CDE1E3 · #D4C3D2 · #487D8E · #424A46
Slate and Oat set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Silver (#CDE1E3): A whisper-light, dusty blue — the color of open sky before noon.
- Oat (#D4C3D2): A whisper-light, dusty pink — the color of peonies in June.
- Slate (#487D8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#424A46): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty Petrol Studio 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
- Weathered Drift color palette (#ECF4EF, #CEDADB, #CABABC, #308096, #242F29)
- Pewter Dune color palette (#FAF2F8, #E5D7D7, #CEBBB7, #8A6882, #4E444B)
- Antique Denim color palette (#ECF8F4, #E0CBDD, #C199B0, #005F96, #243832)
- Tempered Chestnut color palette (#DAFFF0, #D0AFCB, #977B86, #8B5823, #654800)
- Abyss Basin color palette (#D9E5E0, #B4A2B6, #93748B, #003D55, #001910)
- Sky Thicket color palette (#F0F6FA, #D7DAE4, #B8B0BF, #4FBAE0, #3B4A53)
- Wandering Fern color palette (#F6F6EA, #88BE99, #48806F, #4B604F, #3C4900)
- Dusty Workshop color palette (#D4EAE4, #0073C7, #3F2A3A, #0F231F, #050F0F)
Browse the whole catalog at Explore, or see today's palette.