Petrol Pier color palette — #F2F5FC · #B6BDEB · #AC6478 · #5F65AB · #332A36
Built around Slate, softened by Mocha — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FC): a clean, paper-quiet neutral.
- Lavender (#B6BDEB): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#AC6478): A full-bodied, balanced red — the color of a theater curtain.
- Slate (#5F65AB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#332A36): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged duotone, 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
- Antique Byzantium color palette (#F4F4FB, #BCBCE2, #A3704A, #8552AA, #37292F)
- Timeworn Study color palette (#F0F6FB, #93C9E4, #926E9A, #00779F, #2E2C39)
- Aged Driftwood Thicket color palette (#F7EFF2, #C9BBE6, #AC679F, #7A659E, #1E1213)
- Wisteria Orchard color palette (#F4F5FB, #D8C6FF, #C87EBA, #967DC3, #302B38)
- Dusty Pewter color palette (#E8FAF4, #A9A0CD, #9C637C, #16675B, #47445E)
- Mulberry Field color palette (#F1F5FF, #B6B5DD, #A7729D, #8D3D51, #773127)
- Washed Workshop color palette (#F4F4FB, #DED8DD, #B7A8A0, #8A79A0, #51515C)
- Forest Thicket color palette (#F5F4FE, #A078A5, #92533D, #1C6033, #293242)
Browse the whole catalog at Explore, or see today's palette.