Wandering Petrol color palette — #F0F6FA · #90CADF · #7675B5 · #007996 · #282D3D

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Sky (#90CADF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7675B5): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007996): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#282D3D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Hushed Cobalt Grove color palette (#F2F5FC, #ACC1E5, #976D94, #5066B7, #2F2B3C)
• Worn Driftwood color palette (#EBF3F6, #8FD1D2, #A26BAB, #008285, #16141F)
• Muted Chestnut Market color palette (#EBF9EE, #8BABCD, #76719C, #804A14, #3C485B)
• Patina Denim color palette (#ECF7FF, #A0BEE2, #7080BB, #634D96, #5A3670)
• Ancient Parlor color palette (#F1F7F1, #9FDFDB, #CB80A8, #3C9D9A, #372A2A)
• Aged Corridor color palette (#F1F6FB, #D9D9DF, #B7A7AB, #5188B2, #4D535A)
• Grape Thicket color palette (#EDF6FF, #61A9E1, #833DAF, #005A8F, #1B1933)
• Tempered Terracotta color palette (#ECF7FE, #5490AD, #96505A, #6A4C00, #183639)

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