Petrol Harbor color palette — #F1F5FF · #AAAADB · #A6995B · #6C6BA5 · #375544
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Mauve (#AAAADB): A luminous, dusty violet — the color of wild irises.
- Moss (#A6995B): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#6C6BA5): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#375544): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns 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
- Patina Indigo color palette (#EEF1FB, #B1ADDC, #A99D5E, #6F62BB, #163927)
- Muted Pewter Terrace color palette (#F6F3FF, #CBA0C4, #6BA97F, #935D8B, #1F5755)
- Weathered Iris color palette (#FDF1F7, #C4BDEB, #C1B173, #8E7ECF, #504D46)
- Wandering Petrol color palette (#ECF7FF, #87B7D5, #BF8B6D, #327AA2, #614253)
- Driftwood Harbor color palette (#ECFAEB, #A4C1AA, #6D896C, #745162, #3A4D43)
- Softworn Driftwood Market color palette (#F2F5FF, #988FC7, #B47A58, #3E8570, #3C4157)
- Washed Corridor color palette (#F3F4FF, #C6BBE8, #8B77AD, #574877, #392F54)
- Muted Parlor color palette (#F6F3FF, #A8CAAF, #60587A, #3A334F, #2A222A)
Browse the whole catalog at Explore, or see today's palette.