Wandering Petrol Harbor color palette — #EFF2F9 · #B4C2E9 · #AC735D · #6A6AA4 · #1F101A
Built around Slate, softened by Mocha — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#EFF2F9): a clean, paper-quiet neutral.
- Sky (#B4C2E9): A luminous, dusty violet — the color of wild irises.
- Mocha (#AC735D): A luminous, dusty orange — the color of autumn markets.
- Slate (#6A6AA4): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#1F101A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Wandering 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
- Wandering Orchard color palette (#ECF3F8, #98CAED, #A07193, #2E79A5, #181320)
- Aged Pewter Meadow color palette (#F3F0F9, #E2B2D7, #9A7E50, #925D87, #0E190F)
- Dusty Hollow color palette (#F4F4FB, #BBBCE4, #A4668A, #8058A3, #312B37)
- Weathered Cabin color palette (#FAF3F7, #CBCCFD, #D1856D, #8481D4, #332C28)
- Lilac Harbor color palette (#E0F9EF, #B69FD7, #996876, #0B5F5A, #2D293A)
- Wandering Corridor color palette (#EDF1FF, #D3AED6, #AA7792, #824149, #531800)
- Driftwood Veranda color palette (#F1F1F8, #DCD4D9, #B9ABA9, #817EA3, #36353D)
- Worn Basin color palette (#FBF2F5, #E8D9E1, #DE96AE, #AD88C5, #2A1917)
Browse the whole catalog at Explore, or see today's palette.