Timeworn Garden color palette — #F3DFFC · #BA7400 · #007644 · #000F0E · #000202

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

The five colors

• Blush (#F3DFFC): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#BA7400): A luminous, balanced gold — the color of honey in a jar.
• Pine (#007644): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000F0E): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Amber Pier color palette (#DAF4FF, #CF6400, #00535C, #00191D, #000203)
• Indigo Villa color palette (#F8D6D1, #5869FF, #967100, #001104, #000301)
• Muted Crimson color palette (#EADED1, #EE065A, #548200, #040D08, #010100)
• Aged Chapel color palette (#D4F6FF, #007D7B, #B31D00, #7F1D0C, #000203)
• Petrol Basin color palette (#E0EAF1, #9E9FB2, #8A839A, #006E8A, #020B11)
• Hazy Pier color palette (#FCD9D8, #8851FF, #008F48, #001807, #000202)
• Washed Pier color palette (#D3E5D7, #FA3D0F, #0096AE, #002B34, #000204)
• Aged Sapphire Pier color palette (#F6E4F4, #1D6FFA, #007D8B, #060E14, #000301)

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