Wandering Petrol color palette — #ECFAEC · #B79057 · #3A98A5 · #3178A3 · #344835
Slate and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
- Caramel (#B79057): A luminous, balanced gold — the color of old brass.
- Cerulean (#3A98A5): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3178A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#344835): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Pewter Delta color palette (#EDF8F3, #8F965A, #468C90, #6F4F89, #2F423A)
- Weathered Cerulean Meadow color palette (#FFF0FC, #C3867C, #2D97B6, #4573A7, #4F3B4B)
- Weathered Market color palette (#C9F8E0, #8B8300, #007F9C, #435898, #353200)
- Aged Lagoon Lagoon color palette (#FFEEE2, #C58E6B, #04A586, #7A6DAC, #332418)
- Antique Teal color palette (#FFF0F7, #DBA380, #54BA9E, #9488C3, #503B45)
- Antique Pewter color palette (#FFF0F9, #AABFA7, #97748A, #7E4D56, #384D41)
- Shell Courtyard color palette (#FFF2EB, #FFB194, #8BC4F6, #9BA2CD, #48413D)
- Muted Grove color palette (#FFF1F6, #E4C19F, #A17349, #783F06, #4E3013)
Browse the whole catalog at Explore, or see today's palette.