Wandering Petrol color palette — #F2EADD · #5FB1AB · #00848F · #006044 · #000B10

Built around Teal, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F2EADD): a clean, paper-quiet neutral.
• Turquoise (#5FB1AB): A luminous, balanced teal — the color of sea glass.
• Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B10): 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

• Worn Spruce color palette (#F0E1DD, #5FA09A, #006376, #093F03, #000A17)
• Cobalt Loft color palette (#EFE5D5, #6DA9C8, #0079C5, #005C65, #000526)
• Wandering Lagoon Villa color palette (#DDE6DF, #2B8883, #00444A, #002015, #000202)
• Patina Azure color palette (#F2EADF, #9CCCB9, #3596EB, #007B89, #05194E)
• Misty Petrol color palette (#F2DCEF, #A2A6DB, #BA83C5, #0074A9, #090C2F)
• Pale Pier color palette (#CAEAF3, #0081B6, #00659F, #003283, #030022)
• Washed Boulevard color palette (#F6EDDF, #9FDFED, #47B2DB, #009288, #00314E)
• Chalky Cornflower Meadow color palette (#EFDFF0, #1E7EE1, #996400, #0053A0, #0B0400)

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