Wandering Petrol color palette — #EBF3F9 · #96CBEE · #A47186 · #3C789D · #1A121F

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

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Sky (#96CBEE): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A47186): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#3C789D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#1A121F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cypress Study color palette (#EBF4F6, #91D1CD, #847AAD, #00837F, #13151F)
• Dusty Drift color palette (#F1F6FC, #A9C1E9, #8573A4, #426CB2, #2B2D39)
• Periwinkle Balcony color palette (#E1F7F3, #8EACE1, #8C6A94, #2A5C54, #252B3D)
• Timeworn Cerulean Terrace color palette (#EFF7F4, #ACDECC, #C485A4, #3E95C7, #392929)
• Onyx Studio color palette (#E7F4FF, #AEBBE4, #8E7BAC, #744771, #4F1635)
• Wandering Parlor color palette (#F0F1FC, #BFA6E2, #A66131, #73519C, #190811)
• Antique Pewter color palette (#F0F1FB, #9176AB, #8E5061, #55541D, #0A1A24)
• Muted Pier color palette (#E9F3FF, #6EA8FF, #C11F44, #0054BC, #130215)

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