Wandering Petrol color palette — #E0F3F1 · #80BBD0 · #007297 · #004E57 · #00324B

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

The five colors

• Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
• Ash (#80BBD0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Antique Hollow color palette (#F2E5ED, #87BDD0, #1C71A9, #004C46, #051139)
• Wandering Turquoise Market color palette (#D1F9FF, #89DCD9, #3EB2C3, #006F4E, #0A3C44)
• Weathered Alley color palette (#EEEFE7, #9DDEF6, #01B3ED, #008E9E, #00324B)
• Softworn Cobalt Loft color palette (#F5EDE8, #A3D1B8, #228DD3, #006D64, #192B56)
• Antique Cobalt color palette (#E5FAFA, #ABD2FB, #5080C6, #006089, #273C73)
• Tempered Garden color palette (#D9E8E5, #389FAB, #005361, #00302E, #00171F)
• Ancient Petrol Courtyard color palette (#EEF7F6, #D5DCEE, #789EBB, #387987, #405568)
• Sapphire Delta color palette (#C2E6E8, #00956D, #3561CF, #00573E, #0B225F)

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