Timeworn Pier color palette — #E9FAEC · #DBE3AB · #83AE90 · #667193 · #2B453F

Celadon Mist and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FAEC): A whisper-light, dusty teal — the color of sea glass.
• Celadon Mist (#DBE3AB): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#83AE90): A luminous, dusty teal — the color of sea glass.
• Slate (#667193): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2B453F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Oat Bloom color palette (#E9FAF4, #C3D597, #68A4B6, #7A5F86, #4C2D3D)
• Dusty Harbor color palette (#FEF0FC, #E6CDA1, #7FBF98, #AC77A5, #354E43)
• Stone Lagoon color palette (#F0F7F2, #BEDEED, #8DB9AD, #798B7D, #364C42)
• Patina Pine Study color palette (#FEF4E3, #A6AE6F, #42885C, #545385, #484841)
• Hushed Hollow color palette (#E6FCEA, #77E2CE, #449FB9, #855069, #113741)
• Ancient Dune color palette (#E6FAF6, #97BB83, #3F5A5A, #1D2F2C, #0B110F)
• Powdered Mint Coast color palette (#E5FCE9, #6ECE99, #009094, #723671, #00291F)
• Misty Grove color palette (#D3FADB, #00A27C, #00606B, #4F003F, #000504)

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