Timeworn Harbor color palette — #FFF1F3 · #CC9CD2 · #51AD86 · #8B6091 · #4B4E47
Built around Jade, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Mauve (#CC9CD2): A luminous, balanced pink — the color of a candy shop window.
- Jade (#51AD86): A luminous, balanced teal — the color of sea glass.
- Slate (#8B6091): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal Brown (#4B4E47): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Timeworn 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
- Softworn Station color palette (#FCF2F8, #A2ACE3, #9B9E50, #656DA6, #4F4D46)
- Aged Bloom color palette (#FFF2EE, #DE9B9D, #27ADAE, #AA555A, #3C543D)
- Hushed Pier color palette (#F2F0FC, #D79BD7, #64A6C4, #8C5F8D, #163447)
- Emerald Archive color palette (#FFF1F3, #B585B1, #629A5F, #31876F, #523B3F)
- Mallow Canyon color palette (#FFF1F3, #E6AEE6, #69BDE3, #A879A8, #325647)
- Quiet Drift color palette (#FFF1F1, #DF5DA5, #00947B, #A4006D, #004539)
- Washed Ash Lantern color palette (#F6F3FF, #F2C3EE, #9FD6AF, #C696C2, #295654)
- Weathered Driftwood Ridge color palette (#FFF1F2, #E2D8D1, #D5C49C, #847EA9, #604E4B)
Browse the whole catalog at Explore, or see today's palette.