Wandering Petrol color palette — #F7EAF1 · #6BC5E0 · #006DA6 · #003E38 · #000114

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Sky (#6BC5E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000114): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Pier color palette (#E5F3E4, #87BCEE, #3A53DD, #003C46, #030010)
• Hushed Study color palette (#F4E8F0, #6BB0AE, #005F70, #002D18, #000103)
• Faded Sapphire Summit color palette (#FCF2F6, #99D4FA, #1771F5, #005155, #0A042B)
• Antique Cerulean Boulevard color palette (#E7EBD8, #67BDD9, #008FBC, #006B76, #001624)
• Tempered Villa color palette (#E6DDD0, #4C9BB4, #005072, #003030, #00142B)
• Weathered Periwinkle Corridor color palette (#FBF2F7, #D5D4E2, #54ACFB, #007F7B, #222C4E)
• Emerald Corridor color palette (#DEE9C9, #409900, #005B30, #002822, #000202)
• Quiet Azure color palette (#D8FFED, #5AEDF1, #27A0FB, #4B6A00, #000605)

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