Wandering Petrol Harbor color palette — #FFF1F3 · #FFD1C1 · #CBB184 · #696A9E · #593937
Built around Slate, softened by Sand — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Shell Pink (#FFD1C1): A whisper-light, dusty orange — the color of toasted spice.
- Sand (#CBB184): A luminous, dusty gold — the color of honey in a jar.
- Slate (#696A9E): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#593937): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, 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
- Aged Parlor color palette (#FFF0F7, #F8CFFB, #DEA69A, #396E8C, #4C323C)
- Oat Villa color palette (#FFF1F1, #E1DCCF, #D4C89C, #A17481, #604741)
- Tempered Pewter color palette (#F6EEFF, #F3CBDB, #F1A589, #8B5193, #34213C)
- Washed Mulberry Coast color palette (#FFF1F1, #FFBD73, #9CB14E, #953D90, #56250C)
- Muted Lagoon color palette (#F7E3D7, #B68E5F, #905036, #63333D, #33302A)
- Airy Mint color palette (#FFF2EA, #DCF5BB, #6ED29B, #9F4D6B, #604120)
- Softworn Quarry color palette (#FFD1D1, #E5A29D, #A28814, #593C88, #411724)
- Sand Courtyard color palette (#F6F3FF, #F3D7CA, #F8CC79, #A0A1E5, #4A3E55)
Browse the whole catalog at Explore, or see today's palette.