Timeworn Coast color palette — #F5D8E1 · #9C6FC2 · #7C45A4 · #4B4300 · #200D50

Plum and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5D8E1): A whisper-light, dusty rose — the color of strawberry cream.
• Wisteria (#9C6FC2): A luminous, balanced violet — the color of a velvet chair.
• Plum (#7C45A4): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#200D50): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Timeworn Coast 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

• Violet Garden color palette (#FDEDF5, #928AD5, #855DA7, #415900, #2B2058)
• Linen Lantern color palette (#D4E7D7, #0098A1, #7F469C, #424700, #002527)
• Eclipse Study color palette (#ECD8E2, #7557D0, #4C2629, #260B1B, #09020A)
• Lapis Harbor color palette (#D8E1F8, #5753CF, #84003D, #3A2B00, #00261D)
• Faded Bloom color palette (#F2DCD4, #CA6162, #AC2F38, #4F4100, #1A065D)
• Cypress Drift color palette (#DEF0DC, #B8A0BA, #90729C, #1D6C62, #003C3A)
• Timeworn Orchard color palette (#FEF1F8, #9F9ED6, #AE6589, #006F50, #34325C)
• Plum Canyon color palette (#D2E7DD, #0093C0, #AB2267, #00502A, #002331)

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