Wandering Petrol color palette — #F3F7EC · #D9D5E0 · #7BABDB · #10799C · #3E233E

Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Silver (#D9D5E0): bright and airy, almost weightless.
• Cornflower (#7BABDB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#10799C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3E233E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Wandering Petrol 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 Cypress Chapel color palette (#F5F6EE, #D3D7E9, #62B3CD, #007E83, #003346)
• Worn Cerulean Hollow color palette (#FFF0FE, #DCD2D9, #BBAFA7, #6594BD, #3C2A39)
• Cerulean Pier color palette (#FBF4E9, #BAEDDC, #8AB4ED, #209BB5, #2D3860)
• Muted Aqua color palette (#EDF0DF, #46C9E5, #00728E, #003D41, #000306)
• Gentle Coast color palette (#FFEFFF, #65A8FF, #BB79C5, #0D918B, #271228)
• Patina Cobalt Delta color palette (#EEF4EF, #B0CBE2, #487DC2, #005969, #141C43)
• Hushed Pier color palette (#DBE1CF, #71A7DA, #0051A7, #00283B, #00000B)
• Dusty Parlor color palette (#F5F6EA, #AEF3FF, #00A2C1, #006A6B, #00222F)

Browse the whole catalog at Explore, or see today's palette.