Worn Petrol Harbor color palette — #EEF8F4 · #969E5E · #4174A4 · #7A4040 · #51394E
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Moss (#969E5E): A luminous, balanced green — the color of fresh herbs.
- Slate (#4174A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#7A4040): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal (#51394E): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Worn Petrol Harbor 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
- Muted Petrol Basin color palette (#ECF8F8, #65A985, #6669A9, #754534, #2D4B32)
- Cypress Station color palette (#FFF1F5, #BD8D58, #008183, #694569, #473C5B)
- Softworn Ash Studio color palette (#E6FBF1, #B4CECE, #769DAF, #7A6B79, #5C4B4E)
- Antique Teal Field color palette (#F0F4EA, #62AF87, #2B7E8A, #354D6E, #312602)
- Weathered Lagoon Ridge color palette (#EFF8F3, #9BCDC1, #5F8D71, #516E5E, #3B534D)
- Soft Ridge color palette (#E4FBF5, #638D00, #005C9E, #7A002B, #462900)
- Sunlit Grape color palette (#EAF8FA, #339D83, #7D489B, #594600, #1F3B18)
- Hushed Seafoam color palette (#F5F6EC, #A5D7A1, #7EB0D4, #A37697, #563D18)
Browse the whole catalog at Explore, or see today's palette.