Timeworn Harbor color palette — #E8E1B7 · #84C1A9 · #269BC7 · #674100 · #000200

Cerulean and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E8E1B7): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#84C1A9): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#269BC7): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged pastel, 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

• Garnet Boulevard color palette (#EFDCBE, #A8BB8F, #00A496, #7E1E00, #010100)
• Iris Archive color palette (#E7F3D6, #88C8D5, #7283E8, #4D5100, #000201)
• Feathered Teal Drift color palette (#DBF3ED, #81B88C, #00B1A7, #766D00, #001703)
• Hushed Atelier color palette (#DCEDE6, #45A36D, #007B94, #4D2B00, #001613)
• Dusty Basin color palette (#BDF8F3, #7ADBFF, #9E92EA, #0E6911, #00090D)
• Powder Field color palette (#EDFBDE, #92EFFF, #95B7FF, #646500, #00191A)
• Aubergine Grove color palette (#E4E8D8, #368E53, #530087, #003515, #020006)
• Patina Cocoa Meadow color palette (#FDE8D9, #8F6B33, #632700, #2B0009, #010100)

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