Timeworn Alley color palette — #FDF3ED · #BEE8CE · #618FB6 · #346F5B · #593E52

Slate Blue and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#BEE8CE): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#618FB6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#346F5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#593E52): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Timeworn Alley 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 Turquoise Villa color palette (#FCF3F0, #C5F3E3, #60A5B8, #597856, #335149)
• Dusty Cobalt color palette (#FCF3EC, #99CDE9, #5178B9, #006058, #4D3040)
• Moss Station color palette (#FAF5E4, #AAA519, #7383D4, #6D6900, #54384D)
• Cypress Pier color palette (#EBF4F3, #BFE2F5, #5D96AE, #146B72, #102F43)
• Wandering Lagoon color palette (#F2E3DD, #009298, #004359, #00240D, #00081D)
• Muted Teal color palette (#FBF2F8, #D3E1F9, #8AC5EE, #37AD9B, #34486A)
• Antique Station color palette (#FFF3E2, #C4F7E5, #8BD8DF, #A27862, #534B00)
• Basalt Courtyard color palette (#FCF4E3, #9EAE81, #817236, #6A4A2C, #384300)

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