Timeworn Petrol Harbor color palette — #FFF1F6 · #E3C7F6 · #C996C3 · #635F9C · #563843
A conversation between Slate and Mauve, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Thistle (#E3C7F6): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#C996C3): A luminous, balanced pink — the color of peonies in June.
- Slate (#635F9C): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#563843): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Timeworn Petrol Harbor 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
- Petrol Dune color palette (#FDF0FF, #E9C6E5, #ACB2E0, #417796, #4F3A50)
- Dusty Lagoon color palette (#FFF1F1, #F7D2CA, #DB908F, #8D6283, #5C3937)
- Antique Nightshade Coast color palette (#FDDCE7, #D09BD8, #AD709A, #58418F, #3E1925)
- Timeworn Pier color palette (#FFEFEE, #FFC4DC, #FB7B8F, #8E358E, #582642)
- Ancient Canyon color palette (#FFECF6, #F4CEC4, #E2A7B2, #376BA2, #371522)
- Antique Azure Workshop color palette (#F2F5FF, #E8D4E7, #EEA7BA, #5690DB, #363854)
- Misty Blush color palette (#F0DFEE, #E085BA, #A9576F, #541F67, #320226)
- Muted Studio color palette (#FFF1F0, #E1D8D0, #C6C297, #AB8384, #5D4945)
Browse the whole catalog at Explore, or see today's palette.