Wandering Petrol Field color palette — #F5ECDD · #87AB8E · #00819C · #005F51 · #000B13

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F5ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#87AB8E): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Wandering Petrol Field 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 Dune color palette (#ECE5DB, #78A8C1, #0079C5, #005C65, #000526)
• Timeworn Denim color palette (#E6DCD8, #589FA8, #006085, #003E23, #000428)
• Weathered Quarry color palette (#D7E7DA, #008993, #004352, #00201A, #000103)
• Airy Cornflower color palette (#F0E8DA, #9AC4ED, #5A8DF6, #007996, #17164A)
• Aged Cobalt color palette (#F2E2ED, #B19AD5, #BE75B0, #006CB6, #11022D)
• Faded Periwinkle color palette (#F4EEE4, #A5DDF4, #58ADE7, #009097, #022C5E)
• Ultramarine Boulevard color palette (#F7D9F1, #5576DD, #8F6A00, #2220E9, #0A0500)
• Pale Garnet Lagoon color palette (#FFEBDB, #A3773E, #914A00, #711F00, #050300)

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