Wandering Petrol color palette — #EEF0E3 · #97BBA3 · #00748E · #004F52 · #003345

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF0E3): a clean, paper-quiet neutral.
• Sage (#97BBA3): A luminous, dusty teal — the color of sea glass.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Hushed Cerulean Boulevard color palette (#F4F7EB, #A8D0BA, #2D82A7, #005E69, #153F58)
• Timeworn Petrol color palette (#EDF0E7, #8FB6D5, #196BB1, #004C64, #0E2C59)
• Tempered Loft color palette (#E5F4D8, #95D8CE, #49B1B8, #187543, #004036)
• Aged Lagoon Station color palette (#F1F2E0, #509E9E, #00545B, #00302B, #00181D)
• Worn Turquoise Quarry color palette (#E7F1EF, #9EDFEE, #00B6DE, #009095, #003345)
• Pale Cypress color palette (#DBE7D0, #007E60, #00668F, #564E00, #00261B)
• Timeworn Petrol color palette (#F4F6EF, #C5E4DB, #6B8DB5, #196B8C, #563F54)
• Quiet Moss Basin color palette (#DCF1D3, #55A84D, #006F28, #004D2B, #003334)

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