Wandering Petrol color palette — #F4F7E6 · #7EC3DD · #0077A3 · #005460 · #003755

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

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7EC3DD): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003755): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Veranda color palette (#FEEEE4, #86C6DE, #0077BD, #00524D, #060E4D)
• Timeworn Cerulean Villa color palette (#F6F7E5, #91DEDE, #00909C, #00685D, #004854)
• Wandering Denim Corridor color palette (#EDF0E3, #77A6BE, #005E8A, #003C49, #00213B)
• Sky Study color palette (#E4FBF8, #A3E5FF, #17B9F9, #0095A8, #003655)
• Azure Delta color palette (#FFF0F9, #8ED7F2, #0092E8, #00736C, #13257C)
• Timeworn Petrol color palette (#F4F6EF, #BDE7D9, #678EB5, #186B89, #573D57)
• Lagoon Corridor color palette (#EAEADD, #489F9C, #005458, #003129, #00181C)
• Worn Navy Thicket color palette (#E4E9DB, #5585B1, #003A7A, #00202F, #00022D)

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