Timeworn Harbor color palette — #E4F4F3 · #4C91C2 · #004B85 · #002939 · #000412

A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4F4F3): a clean, paper-quiet neutral.
• Cerulean (#4C91C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004B85): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002939): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000412): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Dusty Navy color palette (#F9EADD, #5197C7, #1D4395, #002F34, #120936)
• Tempered Lagoon color palette (#D4E7E3, #44999E, #00535E, #002C29, #000508)
• Cobalt Summit color palette (#EAF4F4, #ABCBEC, #447CCA, #005679, #112039)
• Petrol Coast color palette (#ECF2DF, #51AAEA, #0067B8, #00465E, #001135)
• Muted Petrol color palette (#E1F8F2, #76CCCA, #008189, #005348, #001E24)
• Powdered Ultramarine color palette (#FBE9EF, #76BFF4, #285CD4, #003D43, #030012)
• Washed Market color palette (#EBF4F2, #CDDCEE, #65A8B6, #377774, #1F3A48)
• Eclipse Chestnut color palette (#D8EDD8, #7D5B00, #4B3000, #261300, #020200)

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