Timeworn Coast color palette — #F1D8ED · #FF6C63 · #898A00 · #007070 · #181649

A conversation between Watermelon and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F1D8ED): A whisper-light, dusty pink — the color of neon signs at night.
• Watermelon (#FF6C63): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#898A00): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007070): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#181649): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Airy Summit color palette (#FCECF7, #FF8D6C, #849F40, #007E8D, #2E234A)
• Sunlit Harbor color palette (#E8DCF0, #F964AA, #AA7B00, #007358, #001D47)
• Ember Studio color palette (#FFE2F1, #E26500, #1F8A11, #00587C, #230023)
• Apricot Study color palette (#EFDCDA, #EDA777, #7FA78D, #537885, #0B3751)
• Raspberry Grove color palette (#EED9F5, #DE427C, #007463, #004965, #002333)
• Peony Chapel color palette (#FFF2F0, #DE5F95, #5F6B00, #003D5B, #050036)
• Wandering Balcony color palette (#FAEAEF, #B17000, #007752, #00408B, #15000A)
• Marigold Courtyard color palette (#D7E7D6, #D99100, #009B76, #3A5EA7, #3F0020)

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