Wandering Petrol color palette — #F0F6FA · #D7D9E0 · #BBBECE · #14809D · #3E4A50

Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D7D9E0): bright and airy, almost weightless.
• Ash (#BBBECE): A luminous, dusty violet — the color of wild irises.
• Cerulean (#14809D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3E4A50): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Thicket color palette (#ECF3F7, #D5D7DF, #BEBACE, #2B8194, #262D31)
• Timeworn Abyss Station color palette (#DAE5EE, #9EABB7, #6B819C, #003D56, #031623)
• Wandering Cypress color palette (#EAF9F7, #8DB9B9, #36836A, #1A6760, #1E4B4B)
• Hushed Lapis color palette (#F2F5FC, #DBD7E2, #B7BAD3, #555BC7, #384050)
• Tempered Denim Harbor color palette (#EFF6FD, #C7D4E4, #91A8CC, #005F97, #19354D)
• Tempered Field color palette (#F1F5FF, #A8ABC5, #837F9F, #795C76, #6D4247)
• Antique Mulberry color palette (#FCF1FF, #6D9DC6, #52679E, #703560, #293F57)
• Soft Iris Lagoon color palette (#EDF6FF, #B4EBFF, #78C6FF, #698FED, #234364)

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