Wandering Petrol color palette — #F5EDE2 · #83B8DD · #376AA5 · #004E5B · #212C4E

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#83B8DD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#376AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#212C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Ridge color palette (#F6EDE0, #75C0C1, #007586, #005140, #003344)
• Cobalt Balcony color palette (#F7EBEF, #A0CBE8, #5F86C7, #006B71, #292851)
• Cerulean Hollow color palette (#FEF4E4, #7CE0EE, #008DAE, #00685C, #034564)
• Powdered Garden color palette (#E2F2F1, #B2D8F8, #4BABFC, #008BB1, #062D5A)
• Worn Lilac Harbor color palette (#E5F1FF, #C0CCFF, #AD92D3, #0F6B89, #462E45)
• Wandering Cerulean Ridge color palette (#EDE1D0, #279DC0, #004F74, #003031, #00142D)
• Ultramarine Dune color palette (#D7E7FF, #508EF8, #014BB1, #002956, #001343)
• Mulberry Hollow color palette (#CDE5DF, #006DBD, #A91C47, #385800, #02203C)

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