Timeworn Harbor color palette — #FBE5DF · #FF7FD6 · #8897FF · #2F2546 · #151B26
Built around Bubblegum, softened by Lavender Blue — the whole palette hums with creativity and balance.
The five colors
- Rose Water (#FBE5DF): A whisper-light, dusty orange — the color of autumn markets.
- Bubblegum (#FF7FD6): A luminous, vivid pink — the color of neon signs at night.
- Lavender Blue (#8897FF): A luminous, balanced violet — the color of wild irises.
- Deep Indigo (#2F2546): A deep, shadowed, dusty violet — the color of wild irises.
- Midnight (#151B26): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged neon, dark, vibrant.
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
- Linen Wisteria color palette (#C8E9FA, #FF88B3, #B782FF, #372741, #1A1B27)
- Weathered Dune color palette (#E7F3D9, #FF999F, #37BAFF, #15392E, #14201C)
- Wandering Station color palette (#D0E6D0, #A4ABFF, #00B2DF, #1E2A45, #0F1B22)
- Softworn Mulberry Market color palette (#F2F4FF, #9E8ADA, #9A227F, #58359B, #1C1426)
- Mallow Chapel color palette (#FFE1A5, #FFBFAE, #FF8FEE, #4F3F4D, #312E36)
- Coral Thicket color palette (#D9F4E5, #FF7962, #00A9CF, #021F2D, #020A0F)
- Softworn Navy color palette (#E5EFFF, #CC8394, #233C84, #121F43, #12101D)
- Blush Workshop color palette (#E4E6D0, #FF9E6B, #FF6BB3, #4C1F1E, #241B2A)
Browse the whole catalog at Explore, or see today's palette.