Timeworn Chapel color palette — #FDF2F3 · #CDD6B3 · #9A6C8D · #654245 · #342728

Mocha and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF2F3): bright and airy, almost weightless.
• Wheat (#CDD6B3): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#9A6C8D): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#654245): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#342728): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Hushed Market color palette (#FFF3E9, #D3C399, #976442, #623513, #2E1E10)
• Muted Coast color palette (#F6F3FE, #E1FFDB, #9E769F, #48425A, #1C1A21)
• Mulberry Orchard color palette (#F8F2FD, #D3BE92, #844862, #42304C, #2C2328)
• Sand Thicket color palette (#FEF2F1, #F7DA9E, #C18CA2, #856361, #332828)
• Washed Peony color palette (#FBF3F3, #F1C1D9, #B09A4D, #BE6E9A, #312D27)
• Wandering Cobalt color palette (#FDF1F9, #9DA7DE, #64AAA8, #6A77AB, #4A3644)
• Plum Courtyard color palette (#FFF2EF, #9FC985, #A34364, #671737, #2A1310)
• Taupe Archive color palette (#FBF3F1, #DCDAD4, #ACB8AD, #C28B8A, #59504D)

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