Wandering Petrol Archive color palette — #F1F5FF · #BFCB98 · #656DA0 · #393F64 · #1B212F

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#BFCB98): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#656DA0): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#393F64): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#1B212F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Wandering Petrol Archive 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

• Muted Terrace color palette (#F4F4FB, #AEDBD9, #88729F, #56436A, #2A2A35)
• Tempered Boulevard color palette (#FBF2F9, #D1F3AB, #5D74B0, #472F43, #160B15)
• Muted Workshop color palette (#F2F5FF, #F5D082, #918BCE, #5B627B, #1D212E)
• Navy Station color palette (#FEF1F8, #C4AB76, #4E4688, #2C284D, #2B1C25)
• Aubergine Ridge color palette (#F6F3FF, #75D0A4, #8C4D8F, #5D1162, #1D1530)
• Indigo Grove color palette (#F2F5FE, #BABDFF, #CA7460, #7472D5, #2F1D2B)
• Weathered Pier color palette (#E3FBF6, #A1ACED, #B16E8C, #00707C, #393A55)
• Hushed Grape color palette (#DFE3FB, #74C073, #6737B5, #390273, #130728)

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