Wandering Petrol color palette — #FBEBDF · #7ABBDA · #3D68A8 · #005148 · #2C274F

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#FBEBDF): A whisper-light, dusty gold — the color of old brass.
• Sky (#7ABBDA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3D68A8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C274F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Timeworn Terrace color palette (#E0ECEB, #8ABBD5, #0072A9, #004959, #00172D)
• Softworn Coast color palette (#FBF4ED, #98CCF2, #5B73C0, #00605E, #4E303E)
• Dusty Ridge color palette (#EDF0E6, #97CDE8, #3A8FC2, #00697D, #013053)
• Wandering Spruce color palette (#F9EBE7, #5BAFAC, #006177, #01420B, #00203D)
• Washed Meadow color palette (#FFF2ED, #6EE3E8, #008CB5, #186A38, #254065)
• Periwinkle Lantern color palette (#F7EAF1, #AADBF6, #6FA7EC, #009092, #242954)
• Softworn Teal Lagoon color palette (#FFF0E5, #DFC585, #6BB48D, #86475E, #39352F)
• Worn Ember color palette (#F4D7C6, #E55D20, #005EA5, #7D2A00, #002A4E)

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