Wandering Petrol color palette — #F0F7F2 · #C6DFE3 · #C2ACB8 · #0F707F · #333E36

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#C6DFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#C2ACB8): A luminous, dusty pink — the color of neon signs at night.
• Teal (#0F707F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#333E36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Cerulean Quarry color palette (#EFF8F3, #CDDDDE, #AFC2C5, #348CA9, #333D38)
• Petrol Meadow color palette (#EBF3F8, #D2D6E1, #ABB9C6, #006F8C, #14232B)
• Hushed Delta color palette (#FBF2FB, #E6C9D7, #C6999E, #1B5AA1, #3B2E3C)
• Hushed Parlor color palette (#DBE9E1, #C6B1C5, #A48492, #004D5F, #14231B)
• Jade Workshop color palette (#FAF5E6, #77AB70, #007460, #325347, #35362F)
• Worn Chestnut color palette (#ADF2F3, #87A5C7, #8A6990, #684F00, #394200)
• Muted Navy Archive color palette (#F1E3EC, #B09098, #866865, #211D65, #12040E)
• Obsidian Petrol Loft color palette (#D0F2E8, #0067A5, #39192B, #051813, #000504)

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