Petrol Pier color palette — #EAF5EF · #E3D6DA · #D5B4C7 · #007697 · #182921
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Silver (#E3D6DA): bright and airy, almost weightless.
- Rosewood Mist (#D5B4C7): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#182921): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Hushed Basin color palette (#F5F0F5, #E2D2D2, #D7B5BD, #2B68C3, #2D1F2D)
- Patina Petrol color palette (#ECF9F3, #C7DFE2, #CFB0CF, #0073A0, #30453D)
- Muted Denim Studio color palette (#E2ECE8, #D2C8D0, #B49CA6, #005B85, #071A14)
- Antique Cypress color palette (#EFF3ED, #C8DCD8, #A2CABA, #007D6B, #1E2918)
- Timeworn Cabin color palette (#EEF6FC, #D7DAE4, #B5ADB9, #009ED6, #273742)
- Wandering Driftwood Workshop color palette (#F7EFF2, #DCD5D2, #B2AFA4, #8C78A5, #3C3436)
- Worn Fern color palette (#A4F2F4, #8FB9D5, #736F9F, #565100, #05351D)
- Dusty Corridor color palette (#F4F3E0, #7CB890, #007C6E, #00546E, #002912)
Browse the whole catalog at Explore, or see today's palette.