Weathered Celadon color palette — #FFF1F1 · #CEF3BB · #97647F · #502A3F · #190B0B

Celadon Mist and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Celadon Mist (#CEF3BB): A whisper-light, balanced green — the color of fresh herbs.
• Mocha (#97647F): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#502A3F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#190B0B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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

• Straw Coast color palette (#FFF3EB, #EFE9A7, #9B684F, #582A00, #1A0B03)
• Weathered Coral Lantern color palette (#F9F3FA, #EBD29F, #C77B8A, #8C4D5A, #281D2B)
• Mulberry Pier color palette (#FEEEEA, #CDAF70, #87354A, #411822, #140907)
• Timeworn Mallow color palette (#FFF1F5, #C2A2E5, #56A9D0, #5E70A6, #331D25)
• Aged Delta color palette (#FCF4E7, #E9CC8F, #7F5D00, #372400, #070300)
• Ancient Peony Thicket color palette (#FFF2F0, #F8D2CC, #8DAA5A, #C06B8B, #141304)
• Tempered Field color palette (#FFF3E2, #FFB5B8, #A49055, #4A6198, #37302C)
• Hushed Chartreuse Villa color palette (#FFF2EE, #B3D32F, #9D203C, #400010, #040000)

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