Timeworn Pier color palette — #F9F4EE · #C0E6D8 · #5A8DCB · #006E80 · #593D53

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C0E6D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5A8DCB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Timeworn Pier 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 Cerulean Terrace color palette (#F9F4EC, #C7E5D0, #2597BD, #197069, #2B5045)
• Wandering Cerulean Ridge color palette (#F9F0E8, #B8E3FF, #768CC1, #046D69, #3F2130)
• Frosted Parlor color palette (#FBF4EA, #9CD7F9, #0082DC, #006571, #2A3E69)
• Periwinkle Coast color palette (#FCF2F6, #D6DEFC, #89A4DE, #488782, #42465D)
• Aged Bronze color palette (#FFF1F5, #9F72BF, #AA6B00, #007974, #492F38)
• Tempered Mallow color palette (#FFF1F5, #E6D6D0, #F7A3B5, #817BAF, #624A4E)
• Tempered Cerulean color palette (#F4EEE5, #3A8CA7, #004161, #002223, #00091A)
• Antique Denim color palette (#EAE2D4, #68ABB4, #006179, #003F37, #002235)

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