Wandering Petrol color palette — #ECF3F8 · #D6D4DF · #B4B6C4 · #2B6A95 · #1A2128

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

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D6D4DF): a clean, paper-quiet neutral.
• Ash (#B4B6C4): soft and architectural.
• Peacock (#2B6A95): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1A2128): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol color palette (#F1F6FB, #D8D8E3, #ABB4C3, #0F67A8, #333C44)
• Ancient Nightshade color palette (#EDF1FF, #D2D1E5, #B2A4C2, #5745B2, #121831)
• Tempered Ash color palette (#D4EFFF, #95A9D2, #716C8E, #41542E, #002F1A)
• Tempered Cerulean Canyon color palette (#EEF7F5, #DFD4D2, #A7A59A, #5F8EBC, #21322E)
• Cellar Ultramarine Boulevard color palette (#D9E1EF, #4A5CB1, #23223A, #060C19, #000206)
• Ancient Grove color palette (#E1EBF6, #ABB3C6, #8B8BA3, #00447F, #040B15)
• Fern Delta color palette (#FDEDF2, #AAA075, #5B6D2F, #39446A, #002312)
• Tempered Aubergine color palette (#EBEBF6, #908A9B, #736676, #391155, #010106)

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