Wandering Petrol color palette — #F4EDE7 · #8CBDAE · #4664AE · #004E57 · #2C2652

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

The five colors

• Cream (#F4EDE7): bright and airy, almost weightless.
• Mint Leaf (#8CBDAE): A luminous, dusty teal — the color of glacier melt.
• Slate (#4664AE): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C2652): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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 Balcony color palette (#FAEBE4, #9DBAA1, #007391, #00523B, #003052)
• Gentle Coast color palette (#FFF3E8, #87BFE4, #1E67D6, #00555A, #2B2372)
• Pale Cobalt Ridge color palette (#E0ECEB, #8CB9DE, #106CBF, #004761, #00123A)
• Tempered Corridor color palette (#ECF1E4, #A0CAEC, #3089E0, #006789, #192D4F)
• Faded Summit color palette (#FFF2EC, #B4D9BF, #0B8ABC, #006856, #103F76)
• Ash Dune color palette (#FDE3FF, #CBC9F8, #BF7FAF, #006373, #222F58)
• Misty Denim color palette (#EFDED3, #5399B8, #004B84, #00302F, #080543)
• Soft Navy color palette (#DCEFF1, #0095B0, #006A98, #00349D, #262268)

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