Timeworn Harbor color palette — #FFF2EE · #FF8F6A · #00AAD2 · #B73B00 · #00232D

Built around Terracotta, softened by Salmon — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Salmon (#FF8F6A): A luminous, balanced orange — the color of autumn markets.
• Cyan (#00AAD2): A luminous, balanced blue — the color of open sky before noon.
• Terracotta (#B73B00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Azure Garden color palette (#FFF1F7, #FFAA6A, #0094E0, #A05400, #002136)
• Linen Bloom color palette (#FDD9ED, #FF9562, #00BBD4, #DA5C00, #00343D)
• Washed Plum color palette (#FCF0FF, #FF88A2, #00B2A1, #C40056, #002520)
• Honey Lantern color palette (#E4FDE2, #FFB756, #79B0FF, #AC6F00, #082C5D)
• Worn Ember color palette (#FFEBDF, #E14F00, #007F96, #832A00, #001A20)
• Cornflower Coast color palette (#E5FDE8, #E7AE26, #517BEF, #7F5D00, #040F46)
• Amethyst Orchard color palette (#FFF2EC, #F56900, #00A277, #704AF3, #240900)
• Worn Amber Quarry color palette (#FFF0F8, #EDDCBD, #88D7FF, #D28456, #2E4A5C)

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