Wandering Petrol Atelier color palette — #ECF0E2 · #7EC1E1 · #006EA1 · #003C48 · #000308

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF0E2): bright and airy, almost weightless.
• Sky (#7EC1E1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003C48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000308): 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 Atelier 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

• Turquoise Balcony color palette (#E3E4D6, #53B2BB, #00606D, #002B29, #000102)
• Cornflower Parlor color palette (#F3F7ED, #A8D0F8, #1E76E5, #004C6C, #010432)
• Ancient Workshop color palette (#F9E7D9, #6DBBDF, #2C85DB, #006D6C, #0A093D)
• Dusty Grove color palette (#EFDFD3, #4F99BC, #0A4596, #00302B, #14063A)
• Faded Azure Dune color palette (#F2F8E6, #DCE2F5, #329EFD, #006D8E, #03224F)
• Tempered Corridor color palette (#F5F7E7, #D5D9EB, #00C1EC, #00878C, #003B50)
• Pale Harbor color palette (#FBE4CC, #905900, #356700, #7D003C, #020100)
• Tempered Pier color palette (#FFE7E2, #DB4600, #823500, #401C00, #050100)

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