Timeworn Ridge color palette — #F9F3F9 · #D2D6E8 · #ADC2E8 · #8CAC89 · #3F556A

Built around Sage, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D6E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#ADC2E8): A luminous, dusty violet — the color of wild irises.
• Sage (#8CAC89): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#3F556A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Jade Canyon color palette (#E4FBF8, #B4E4B4, #D2BAF3, #81B982, #48496A)
• Hushed Delta color palette (#F9F4EE, #CCE6DD, #96BC9E, #5C947D, #335242)
• Lagoon Quarry color palette (#FBF2F6, #C4E5FE, #97B2E6, #00A197, #3B335B)
• Stone Hollow color palette (#FEF1F6, #C6E1CD, #D5A7B9, #A687A0, #384D45)
• Cobalt Canyon color palette (#F7E9F4, #69BFCC, #008DC6, #007149, #000646)
• Iris Studio color palette (#F4E2E8, #98C5ED, #7C8BDC, #007C80, #28123F)
• Wandering Harbor color palette (#F8F0ED, #C6EADE, #62A8BC, #577454, #1E3D35)
• Dusty Orchard color palette (#F9F3F8, #D4D5E7, #B3BFE2, #81AF91, #44546A)

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