Timeworn Coast color palette — #F4F7E8 · #8AD995 · #C59FCA · #95759A · #31322C

Mint Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Mint Leaf (#8AD995): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#C59FCA): A luminous, dusty pink — the color of neon signs at night.
• Heather (#95759A): A luminous, dusty pink — the color of neon signs at night.
• Espresso (#31322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Dusty Mint Lagoon color palette (#F4F7E6, #93D69E, #E0998F, #88807C, #31322C)
• Seafoam Balcony color palette (#F2F8E9, #7BE4B5, #B987B1, #915B4E, #3E3733)
• Ancient Mustard color palette (#FEF4E2, #E1BF6B, #ABA8D7, #9A758A, #35312B)
• Washed Seafoam Veranda color palette (#FFF2EE, #A2F0CE, #75A8CE, #90675A, #354434)
• Seafoam Study color palette (#EAF9F7, #9AD3A4, #84BFE0, #B6926D, #284341)
• Aqua Boulevard color palette (#E9FBED, #00C9DF, #DA836F, #9F5E50, #152A1C)
• Dusty Ash color palette (#F3F7EF, #D2DEDB, #B3B1BD, #82A6A2, #4B4F47)
• Antique Grove color palette (#E3FFD4, #ACEFEF, #77C6D0, #41789C, #343B69)

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