Wandering Petrol color palette — #F5EDE2 · #93BCA7 · #006FA3 · #004F52 · #0D2E54

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#93BCA7): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#0D2E54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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 Chapel color palette (#F9F4ED, #AACEC0, #4C7CAC, #005E6A, #263864)
• Tempered Meadow color palette (#EAE3D9, #77AB9D, #2853A1, #003C4B, #161748)
• Cobalt Coast color palette (#F1E7E0, #7BBED7, #136CBD, #004D3F, #110F34)
• Timeworn Workshop color palette (#E7DFD2, #599BA5, #005267, #00302B, #001624)
• Aged Azure color palette (#E4F3E7, #9BDFF9, #39AFF3, #009095, #0B2E55)
• Muted Petrol Lantern color palette (#F8F5EE, #C8E7E7, #74A597, #007D88, #5F4A5E)
• Emerald Grove color palette (#E8F2E3, #37A35B, #006949, #004B3B, #00322F)
• Softworn Delta color palette (#F8F5EF, #CFE2D0, #2D99AC, #00735C, #2C5040)

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