Weathered Chapel color palette — #FAEAE3 · #BC6661 · #543300 · #271B17 · #100B0B

Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FAEAE3): bright and airy, almost weightless.
• Mocha (#BC6661): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#271B17): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#100B0B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Weathered 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 Bronze color palette (#F5ECE1, #AD7623, #3D3C35, #261C11, #100B08)
• Tempered Coral Cabin color palette (#FCECF9, #DF7A72, #4C5E4B, #3E343D, #232026)
• Chestnut Workshop color palette (#F1E3D5, #8C5700, #232800, #160900, #050100)
• Washed Iris color palette (#FDEFE3, #CB8C59, #6B8DCC, #5C78AD, #312419)
• Amber Atelier color palette (#FFE6E1, #F0A99D, #C5743A, #7A5B21, #38362F)
• Periwinkle Studio color palette (#FAF0E8, #E2A37D, #6D9FDE, #A15E32, #3E283F)
• Fern Harbor color palette (#F2EEDE, #5C6000, #333F3F, #002615, #080800)
• Dusty Lagoon color palette (#F6F2E7, #C3C7A7, #4C9280, #79575D, #31322B)

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