Worn Petrol Harbor color palette — #F1F5FF · #A9A8E7 · #9B9E5D · #6D6AA5 · #315647
Slate and Mauve set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#A9A8E7): A luminous, balanced violet — the color of wild irises.
- Moss (#9B9E5D): A luminous, balanced green — the color of new leaves after rain.
- Slate (#6D6AA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#315647): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, 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
- Tempered Petrol Station color palette (#ECF2FE, #A8AFE2, #96A469, #676CA2, #11392E)
- Muted Mallow Summit color palette (#F7F3FF, #D39AC9, #72A782, #8D6285, #275654)
- Wandering Corridor color palette (#FFF1F8, #BFBEF5, #BAB474, #8683C7, #4F4D46)
- Sky Dune color palette (#ECF7FF, #68BAEB, #C38B5A, #367AA1, #62434F)
- Wandering Quarry color palette (#F2F5FF, #998AD8, #B07C5C, #4A8085, #3E4152)
- Stone Balcony color palette (#EDF9EC, #CAB686, #987A55, #735262, #3C4C44)
- Wandering Basin color palette (#F4F4FF, #C37CFF, #6D8C00, #69209B, #314100)
- Stone Studio color palette (#F6F4FD, #D5BD8C, #61577C, #3A344C, #292329)
Browse the whole catalog at Explore, or see today's palette.