Wandering Petrol color palette — #E0F3F1 · #90B7D1 · #006FA3 · #004D5D · #003053

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
• Ash (#90B7D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#003053): 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

• Petrol Cabin color palette (#F2E5EC, #8BBBD4, #346DAC, #004B4B, #0D0E3B)
• Aged Cobalt color palette (#ECF8F7, #ABC9E3, #4E7CAA, #005B78, #243B5D)
• Dusty Teal Alley color palette (#DDEAE7, #5FAEAB, #006468, #003F35, #002429)
• Tempered Azure Dune color palette (#EDF0E5, #A5DCF8, #22AFF8, #008DA7, #0C304D)
• Petrol Terrace color palette (#EEF7F7, #D7DBEC, #789EBE, #42778A, #425469)
• Navy Canyon color palette (#DFEFEF, #6284A4, #003A7A, #00202F, #00012D)
• Emerald Archive color palette (#CFE9D6, #009D6A, #006C50, #00493A, #00332D)
• Weathered Denim Canyon color palette (#D1F3FA, #007C73, #005EAD, #465400, #002622)

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