Wandering Petrol color palette — #FFF0F7 · #B7774F · #0088AD · #2E6BA9 · #492F3C

Slate and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Caramel (#B7774F): A luminous, balanced gold — the color of old brass.
• Cerulean (#0088AD): A full-bodied, balanced blue — the color of deep harbor water.
• Slate (#2E6BA9): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#492F3C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Tempered Lagoon color palette (#FFF0FE, #BD6F71, #009074, #007780, #452F45)
• Feathered Lapis color palette (#E6FCEC, #9E8737, #0089A5, #585ABE, #243F2E)
• Ultramarine Lagoon color palette (#F3DFBF, #936800, #0062BD, #1928DF, #312100)
• Grape Delta color palette (#C7F7ED, #5E9C2D, #0077BE, #8900A0, #1E3809)
• Quiet Studio color palette (#C7EEE9, #418D45, #7259B5, #8C2986, #00332F)
• Hushed Quarry color palette (#FFEFDE, #C6790C, #618F31, #975269, #2B1A07)
• Softworn Driftwood Garden color palette (#FFF0F8, #C2F0FB, #AACF99, #B86970, #40543F)
• Hushed Apricot Alley color palette (#FFF3E9, #FFA665, #5FC1ED, #8B98D8, #3D3732)

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