Timeworn Celadon color palette — #F9F6E2 · #CAE091 · #D6B8F6 · #9FB16F · #62434E
A conversation between Pistachio and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#CAE091): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender (#D6B8F6): A whisper-light, balanced violet — the color of wild irises.
- Sage (#9FB16F): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#62434E): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Timeworn Celadon 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
- Timeworn Study color palette (#F8F6E3, #B5D180, #B8A4E8, #81955A, #604350)
- Weathered Seafoam Thicket color palette (#F1F8EA, #89ECC9, #F2AFD8, #71B99F, #654243)
- Worn Sand Courtyard color palette (#FEF3E7, #FFCA85, #A0CBFC, #C8A06D, #5B445D)
- Chartreuse Pier color palette (#F8F7E1, #B1D682, #95C3EE, #D0A297, #494400)
- Wandering Cocoa Ridge color palette (#FFF2EA, #F7D2B0, #D9AA92, #A98B7C, #624000)
- Celadon Corridor color palette (#F8F8D6, #CDF3B0, #A0C48C, #78976E, #36362F)
- Olive Studio color palette (#F3F7EF, #F8DA9B, #95A57E, #5F7736, #292D24)
- Chalky Chartreuse Drift color palette (#F4F8DD, #70FD6C, #E590FF, #279D28, #4D2A58)
Browse the whole catalog at Explore, or see today's palette.