Petrol Pier color palette — #FFDCFB · #D8AABC · #C98389 · #217693 · #2D4576
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFDCFB): A whisper-light, dusty pink — the color of neon signs at night.
- Rosewood Mist (#D8AABC): A luminous, dusty rose — the color of strawberry cream.
- Dusty Rose (#C98389): A luminous, balanced red — the color of embers at dusk.
- Teal (#217693): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2D4576): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, 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
- Weathered Petrol Workshop color palette (#FEEBFF, #D9AB9E, #A38F6B, #446F94, #2E506E)
- Tempered Bronze Dune color palette (#F2E3FB, #CD949A, #9F7437, #41654F, #003E49)
- Sunlit Denim Orchard color palette (#EFDBE6, #D49B88, #828C52, #5D4E95, #3D3069)
- Weathered Thicket color palette (#F7E9FF, #BA8892, #97693A, #314273, #3C1F37)
- Aged Forest color palette (#EFF6FF, #CAB4DE, #BB9082, #547B5D, #2B5A38)
- Ancient Atelier color palette (#FFF2F0, #E1D3C5, #B1B09B, #917C84, #614B54)
- Airy Coast color palette (#FFE0F5, #FFBCC7, #EA9971, #55A280, #385037)
- Soft Scarlet color palette (#FFF2ED, #FF8579, #00AEC5, #D62C2A, #00434C)
Browse the whole catalog at Explore, or see today's palette.