Petrol Pier color palette — #CDE6D9 · #84B5A5 · #59749E · #633B44 · #432224
Built around Slate, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#CDE6D9): A whisper-light, dusty teal — the color of sea glass.
- Sage (#84B5A5): A luminous, dusty teal — the color of sea glass.
- Slate (#59749E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#633B44): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#432224): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Sophistication. 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
- Worn Market color palette (#CDEAD3, #87AF9A, #538373, #584570, #421C25)
- Patina Cocoa color palette (#F6D5E6, #C49BA9, #89688C, #6C3731, #411D09)
- Chestnut Bloom color palette (#D6EEEF, #86B1C2, #607A97, #725334, #2C5038)
- Wandering Pewter color palette (#C6EBFF, #8EBBD9, #7996BD, #7C5E83, #4E3F60)
- Basalt Station color palette (#F4FAD1, #C2E1C3, #75A599, #91644E, #48400B)
- Faded Garnet Atelier color palette (#DBDEF7, #A18DD5, #805B8D, #781123, #3F0A00)
- Worn Parlor color palette (#F0F3EA, #A8D2C3, #3A80BE, #005871, #072040)
- Softworn Corridor color palette (#D9EDFF, #677EAB, #444383, #4A0E36, #23000B)
Browse the whole catalog at Explore, or see today's palette.