Wandering Petrol Ridge color palette — #E8FAF4 · #88B6D8 · #BE8D62 · #3879A5 · #524C46

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

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#88B6D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#BE8D62): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3879A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Wandering Petrol Ridge 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

• Washed Petrol color palette (#E7F6EF, #8ABBD6, #BF9361, #007BAA, #35302B)
• Timeworn Ridge color palette (#EBFAEE, #70BECB, #C2887C, #008190, #763A1A)
• Chestnut Study color palette (#FFF1F8, #AEA8DF, #9F9B66, #716AA0, #5F4A00)
• Patina Cobalt color palette (#EFF6FF, #ABC6EE, #E59D81, #5A8DD6, #634056)
• Azure Loft color palette (#E3FCF5, #649DD2, #B27681, #687F4B, #2D4942)
• Driftwood Grove color palette (#FBF1FD, #E8D5D8, #D5B7A3, #709481, #574955)
• Dusty Cobalt Ridge color palette (#FFF0FE, #ADCFF5, #5B80AE, #34527A, #462D49)
• Ultramarine Field color palette (#FFF0FD, #5F90F2, #A57400, #0E4BD3, #4E3500)

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