Timeworn Cobalt Harbor color palette — #FBF4ED · #A3D1BE · #4475CC · #006058 · #502E41

Sapphire takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Pistachio (#A3D1BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sapphire (#4475CC): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#502E41): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Cobalt 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

• Worn Azure color palette (#FCF4E8, #B1E1CE, #5A9AD9, #007A89, #4C2F48)
• Cobalt Pier color palette (#FEF3EC, #60C8E2, #0073B7, #005843, #23286E)
• Cobalt Alley color palette (#ECF4EE, #95D0F3, #517FAF, #005A65, #112038)
• Chalky Fern Ridge color palette (#FEF2EF, #89E0DB, #008EAB, #0F6C12, #154268)
• Dusty Amber Drift color palette (#FBECD9, #BB8019, #0086A5, #764D00, #003C4C)
• Tempered Garden color palette (#FCF2F6, #C3E5FF, #8CB4EA, #3D9C9E, #33375A)
• Aged Nightshade color palette (#EAE2DB, #7EA3C5, #4048AF, #003E40, #27143C)
• Powdered Sapphire color palette (#FFDDC9, #BD5737, #3960D7, #494FA5, #3E2414)

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