Timeworn Pier color palette — #FCF2F9 · #A3EFF9 · #62BDF0 · #5D9B7A · #273B59

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Sea Foam (#A3EFF9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#62BDF0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#5D9B7A): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#273B59): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Weathered Canyon color palette (#FEF0FF, #57F4EF, #00BDE5, #46994A, #00345D)
• Washed Powder Chapel color palette (#FCF2F7, #D3E1F9, #9BBFF6, #53A99D, #40465F)
• Periwinkle Basin color palette (#FAE9F0, #A1DCFF, #80A3EA, #0D9189, #2F264E)
• Timeworn Mallow color palette (#E5E0FF, #F59FFF, #4AB5C6, #00A690, #2D2641)
• Weathered Turquoise Archive color palette (#FCF4E8, #9AE2EE, #50A1BE, #187C71, #114437)
• Hushed Azure color palette (#EEDBE6, #62D0EF, #2898EC, #008065, #151749)
• Cobalt Quarry color palette (#F4E6EF, #47B0C6, #007BBC, #006046, #03022A)
• Sand Courtyard color palette (#F6F3FF, #F6D5CC, #FDC98F, #9FA7DC, #4A3A50)

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