Timeworn Harbor color palette — #FFF0F8 · #A13C00 · #005278 · #003C59 · #181B32

Burnt Sienna and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Burnt Sienna (#A13C00): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#005278): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003C59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#181B32): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged jewel, vibrant, cool.

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

• Hushed Chestnut Corridor color palette (#E8FAF0, #785D00, #005367, #003C4B, #22192D)
• Bronze Canyon color palette (#FFECF2, #A76600, #00598A, #293176, #202652)
• Sunlit Lagoon color palette (#FFF1F6, #8B4E00, #4D349A, #392E66, #1D1B30)
• Frosted Plum Boulevard color palette (#FFEFFF, #B30053, #005F51, #003D34, #132136)
• Cocoa Thicket color palette (#D7EAD8, #663B00, #00354E, #002032, #08041B)
• Worn Plum Chapel color palette (#FFEDED, #A74D80, #00556B, #142B6C, #1C030C)
• Washed Navy color palette (#D1F7E5, #685E00, #003A8E, #002868, #2F0613)
• Softworn Chestnut color palette (#FBF2F6, #D3E7DA, #A2B9B4, #815A3D, #42373C)

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