Dusty Petrol color palette — #FCEAE3 · #75C6CA · #007194 · #00411E · #00020B
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCEAE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#75C6CA): A luminous, dusty teal — the color of sea glass.
- Peacock (#007194): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00411E): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Pale Ultramarine Terrace color palette (#FCEBDA, #85BEE6, #405EC1, #003E3C, #04000F)
- Powdered Cobalt Ridge color palette (#FFF2EB, #92D8EC, #0480CA, #00533F, #060232)
- Tempered Lagoon color palette (#E8E0D2, #149CA3, #005361, #002D24, #000509)
- Weathered Lagoon color palette (#D8E5DB, #7ABDC1, #0092AB, #006F5C, #001721)
- Ancient Coast color palette (#F6F8D3, #92E2DC, #69A9E7, #695100, #000B05)
- Airy Dune color palette (#A7FDD3, #00AD57, #00653D, #00180D, #000201)
- Worn Delta color palette (#E0ECDB, #4DA31F, #950D8C, #1B4800, #030003)
- Hushed Moss Lantern color palette (#F6EED3, #8A8700, #2F5C00, #002A18, #000201)
Browse the whole catalog at Explore, or see today's palette.