Weathered Petrol color palette — #E8F3E8 · #009392 · #0069A5 · #504300 · #000B01
Built around Peacock, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Cream (#E8F3E8): bright and airy, almost weightless.
- Cerulean (#009392): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#0069A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#504300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Ancient Field color palette (#D1E4D9, #007E9D, #4144B2, #233F00, #000202)
- Timeworn Petrol Studio color palette (#D5F5DF, #007889, #003849, #0E1D20, #000A03)
- Aubergine Boulevard color palette (#DFEBDA, #00776A, #681181, #421800, #0F0500)
- Nightshade Ridge color palette (#E7EFD9, #009963, #007182, #162CAC, #060900)
- Muted Cerulean Corridor color palette (#DEF2FA, #008FC2, #0074A5, #004D7E, #00152D)
- Olive Orchard color palette (#E7DFC3, #8EA155, #518000, #266533, #0D1200)
- Powdered Iris Workshop color palette (#F1DFEC, #6B82FF, #A246A8, #005F53, #00141F)
- Weathered Cornflower color palette (#DEE3D4, #87B6DB, #0085E6, #006889, #001134)
Browse the whole catalog at Explore, or see today's palette.