Timeworn Harbor color palette — #F9F2FF · #F2B1D0 · #96CCAD · #62B3BD · #483E50

Built around Carnation, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Carnation (#F2B1D0): A whisper-light, balanced rose — the color of pressed rose petals.
• Mint Leaf (#96CCAD): A luminous, dusty teal — the color of sea glass.
• Cyan (#62B3BD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#483E50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, 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

• Weathered Shell color palette (#FBF2FB, #F7ABAE, #88BFDE, #72A1BB, #453845)
• Stone Field color palette (#F2F5FF, #C7BFF5, #C5C17F, #7EB69A, #3D4155)
• Tempered Teal color palette (#FFE3E7, #FFB2BF, #44BAE3, #00AD9B, #531828)
• Apricot Meadow color palette (#F9DAEF, #F58E72, #24BBBC, #00A6CC, #3B2134)
• Stone Thicket color palette (#FFF0F8, #EFD0DA, #CCAABE, #A189A0, #3A4D3F)
• Antique Bone Garden color palette (#F9F3F9, #BEEAD4, #AE94B0, #79657B, #312832)
• Tempered Celadon color palette (#C8EAFF, #A4F3AD, #FFBFD5, #6C5F72, #3A353E)
• Soft Coral Harbor color palette (#FFE4E4, #FF6171, #00ABA7, #2F87B3, #3C0A11)

Browse the whole catalog at Explore, or see today's palette.