Timeworn Harbor color palette — #FBF3EF · #C0E2E6 · #9FC6E9 · #7FAF91 · #315247

Built around Sage, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C0E2E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9FC6E9): A luminous, dusty blue — the color of deep harbor water.
• Sage (#7FAF91): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#315247): A full-bodied, dusty teal — the color of glacier melt.

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

• Lagoon Meadow color palette (#EEF7F5, #CEE1F2, #8DB9C8, #509586, #395864)
• Turquoise Dune color palette (#F6F0F4, #D0D4EC, #52AABE, #4B765B, #233949)
• Aged Petrol Ridge color palette (#F8E9E2, #69ADB4, #0080A3, #006047, #000A17)
• Quiet Sky Boulevard color palette (#FEF2EC, #B3F0FF, #57C2FD, #00A891, #1D3F71)
• Teal Station color palette (#FFF1F3, #E4B4E5, #A3CB99, #60B6A9, #553A3F)
• Fern Corridor color palette (#F9F5E9, #DEDBBD, #C4B58C, #A58E70, #454D00)
• Lilac Study color palette (#FFF0FB, #CFCAFF, #C1A1DF, #AE82AB, #684342)
• Iris Parlor color palette (#E8DED3, #96C5F1, #738DDF, #007B8B, #211542)

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