Wandering Petrol color palette — #F9F4EF · #CBE6E8 · #8299C5 · #1E7C85 · #634A59

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#CBE6E8): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8299C5): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#1E7C85): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#634A59): A full-bodied, dusty pink — the color of peonies in June.

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

• Powder Station color palette (#F4F6F0, #C9E4E7, #84B6EA, #568FA8, #5C4C5C)
• Washed Cypress color palette (#FAF4F0, #CDE5DF, #67A3B7, #337F5F, #2A5348)
• Worn Ash Balcony color palette (#EBF4F3, #D5D9ED, #78A0CA, #38738C, #2A3747)
• Pine Meadow color palette (#FFF1F3, #B087B5, #8E8D54, #438851, #56393F)
• Tempered Pewter color palette (#FFF0FE, #A4AFE0, #8A71B3, #80538C, #6C464B)
• Cobalt Pier color palette (#FDF3EC, #AACFBD, #4B7CAA, #00605C, #2C3860)
• Washed Delta color palette (#EADBD3, #5A9C9E, #005265, #00321F, #001626)
• Washed Canyon color palette (#FDF2F5, #BAA6D0, #90A25A, #875BAE, #4E4D46)

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