Wandering Petrol color palette — #EEF0E3 · #97BCA2 · #00748D · #004F51 · #003345
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Sage (#97BCA2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- 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
- Softworn Cobalt color palette (#F4F7EC, #B1CDBE, #0083B1, #005E6A, #053F5F)
- Denim Workshop color palette (#E9EEDE, #72A6C5, #005C90, #003C4B, #002040)
- Petrol Quarry color palette (#F5F6EF, #C7E6E3, #79A490, #1D7C85, #305346)
- Lagoon Workshop color palette (#E2E2D5, #539D9E, #00545B, #00302B, #00171D)
- Turquoise Courtyard color palette (#E4F2F0, #80E4FA, #00B6DF, #009095, #003346)
- Aged Veranda color palette (#F1D6D8, #B2599F, #0072A4, #7E006C, #002D43)
- Washed Petrol Pier color palette (#F4F6F0, #C5E4DB, #668DBD, #006B91, #593C57)
- Gentle Station color palette (#FFEFEE, #ECA7B7, #D68181, #833277, #532438)
Browse the whole catalog at Explore, or see today's palette.