Timeworn Garden color palette — #F9F0EC · #C2E7CC · #5496BD · #296D4E · #3A2237

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Celadon Mist (#C2E7CC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5496BD): A luminous, balanced blue — the color of deep harbor water.
• Pine (#296D4E): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#3A2237): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Muted Ash color palette (#F7F0EA, #C5E7EA, #899BCA, #387775, #452E39)
• Powdered Orchard color palette (#FDEEE8, #8AE0E7, #008FBE, #006638, #0C2449)
• Frosted Lantern color palette (#E6F7EC, #00B7D6, #CB7062, #007185, #411914)
• Dusty Cerulean color palette (#F5F6EE, #CAE4D1, #4597AC, #007171, #2D5040)
• Ancient Grove color palette (#EEF8F0, #D7D6E4, #6EC8E9, #518F86, #2B4254)
• Washed Denim color palette (#F3E6DF, #3997AF, #004C7E, #002D21, #02001C)
• Softworn Bronze color palette (#DCFBE4, #009FB0, #B36A38, #8E5E40, #0B2414)
• Feathered Orchard color palette (#D2FEE8, #5DC7F3, #0087A6, #00485F, #001823)

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