Weathered Petrol color palette — #F9EBE5 · #7EBDC6 · #00709F · #005334 · #182B56
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Ash (#7EBDC6): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#182B56): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, 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
- Ultramarine Grove color palette (#F4EDE5, #90B6D8, #525EB6, #004F52, #36224E)
- Ancient Petrol Field color palette (#E3ECE4, #90BBCC, #007793, #004C43, #001827)
- Hushed Archive color palette (#FFF2EB, #A8D0B8, #4C7DA8, #00624D, #31375E)
- Hushed Denim color palette (#F9E8DD, #7BAB96, #2055A0, #003F37, #1E114B)
- Spruce Dune color palette (#EDDEDA, #599D98, #005363, #063302, #001528)
- Weathered Cypress Atelier color palette (#FCF4EC, #BFE7D8, #7589BA, #00716E, #603A4C)
- Timeworn Plum Harbor color palette (#E8DBE6, #A53599, #00704F, #005253, #32102E)
- Dusty Navy Loft color palette (#F8E8DD, #50899F, #003C74, #00231C, #08002A)
Browse the whole catalog at Explore, or see today's palette.