Dusty Petrol color palette — #C7E6DC · #00689E · #7D4100 · #0B4404 · #001D30
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Silver (#C7E6DC): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#00689E): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7D4100): A full-bodied, balanced gold — the color of old brass.
- Forest (#0B4404): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#001D30): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Petrol Field color palette (#C2E8DC, #0067A4, #5C5500, #00413C, #00211A)
- Sunlit Terracotta color palette (#D5E3D0, #007266, #942600, #303E00, #0F2008)
- Muted Denim Courtyard color palette (#D1EFE5, #005789, #5B2C00, #003121, #00140E)
- Hushed Lapis color palette (#EFDAE7, #5C51CF, #723000, #00372C, #011E29)
- Ultramarine Ridge color palette (#EFD5EA, #3752CE, #4F5A00, #004416, #291025)
- Amethyst Studio color palette (#FFD7EE, #6524FD, #5A5E00, #004550, #1C193E)
- Powdered Lapis Basin color palette (#D5E1FA, #4B43E6, #8D2B56, #003F3D, #020619)
- Linen Corridor color palette (#E1E0C0, #7065CD, #870065, #003D2B, #2C1A3D)
Browse the whole catalog at Explore, or see today's palette.