Wandering Petrol color palette — #D3E2DF · #78A9B7 · #00848E · #005E54 · #000C0F
A conversation between Teal and Pine, giving this palette its sense of trust and stability.
The five colors
- Silver (#D3E2DF): a clean, paper-quiet neutral.
- Blue Fog (#78A9B7): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000C0F): 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
- Timeworn Cerulean color palette (#E0EEEB, #78BEC2, #0094A5, #006E67, #00171E)
- Cobalt Garden color palette (#D7EBEA, #7AA7C4, #0079C3, #005A72, #00091B)
- Denim Meadow color palette (#E7DEE4, #629F9F, #006377, #003E26, #000A15)
- Wandering Meadow color palette (#E5E6D5, #008A8B, #00444A, #00201B, #000202)
- Patina Delta color palette (#D6EAE8, #A3C4E0, #1F97F3, #00789A, #001D46)
- Bronze Courtyard color palette (#D1E8D3, #A47400, #008372, #6F4D00, #000806)
- Hushed Courtyard color palette (#E1F4E8, #71AC95, #7DA22A, #845D00, #120F00)
- Linen Turquoise Coast color palette (#E3F2F0, #A3DEEE, #08B5E3, #008F99, #003248)
Browse the whole catalog at Explore, or see today's palette.