Timeworn Pier color palette — #F4F4FE · #DBBEF3 · #C68970 · #557548 · #0C3E53

Caramel and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Lavender (#DBBEF3): A whisper-light, dusty violet — the color of wild irises.
• Caramel (#C68970): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#557548): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Teal (#0C3E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Bloom color palette (#F1F5FF, #BFC8FB, #C18795, #7D682F, #044337)
• Cerulean Delta color palette (#EEF7FC, #94D1EB, #D9977E, #3B94AA, #044A5C)
• Hazy Ember color palette (#FFF0FA, #FD5F2D, #617500, #00484F, #15003C)
• Antique Stone Quarry color palette (#F4F4FF, #E3D7DF, #CFBCCE, #7B958D, #3C5051)
• Blush Lantern color palette (#FDF1FD, #FB9BA3, #908E3D, #00696F, #2E224C)
• Muted Blush Alley color palette (#FAF2FF, #E77FAD, #917200, #00564F, #171241)
• Dusty Bronze Summit color palette (#FFF1F5, #A68ABE, #A65740, #485C1C, #294B36)
• Sunlit Fuchsia Garden color palette (#F6F3FF, #EF7CE4, #C05F00, #2C5F00, #002630)

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