Petrol Pier color palette — #ECF9EF · #F2D0F2 · #BD9C6D · #5872A3 · #4E3746
Slate and Camel set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Thistle (#F2D0F2): A whisper-light, dusty pink — the color of peonies in June.
- Camel (#BD9C6D): A luminous, dusty gold — the color of afternoon light on wheat.
- Slate (#5872A3): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4E3746): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Petrol Pier 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
- Ancient Petrol color palette (#F9F2FD, #F6B7CC, #8EA364, #4869AC, #522A39)
- Muted Station color palette (#EDF9EC, #FFD2BA, #A8A66A, #7666A7, #324530)
- Stone Archive color palette (#F0F7F1, #BCDFEF, #9DB88D, #8B7F9E, #394B42)
- Timeworn Orchard color palette (#FFF4DF, #DF8E8B, #8D7344, #3B5C7D, #6E3707)
- Ancient Apricot Atelier color palette (#FFF1F7, #DD9E71, #455A4C, #36262D, #140D12)
- Apricot Pier color palette (#E5F8E6, #DA9B75, #96713D, #255C57, #38262E)
- Pewter Alley color palette (#FFF1F6, #E4C981, #6DA073, #77518C, #0E3A2B)
- Marigold Lagoon color palette (#FEF4E5, #F7C4A4, #D0A669, #719775, #683C00)
Browse the whole catalog at Explore, or see today's palette.