Mustard Chapel color palette — #FBF2F7 · #E4DDD2 · #C4AD65 · #C58A6A · #18211B

A conversation between Camel and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Bone (#E4DDD2): bright and airy, almost weightless.
• Camel (#C4AD65): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#C58A6A): A luminous, balanced orange — the color of sun-warmed clay.
• Onyx (#18211B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Muted Apricot Cabin color palette (#FAF3F7, #FFD2C5, #B3BF7E, #E1957E, #22322C)
• Weathered Mint Quarry color palette (#EFF8F2, #BEE5CD, #95BC78, #A99A59, #13221F)
• Worn Ridge color palette (#FCF2F9, #F49B8C, #97975A, #7A618B, #2C2430)
• Hushed Rust Orchard color palette (#F7F0ED, #E2B9A3, #938332, #AC553B, #1B1508)
• Weathered Sand color palette (#E9FBED, #FFD59A, #AEA36B, #4A7C80, #334436)
• Celadon Coast color palette (#EBF9F3, #E5EF81, #68B082, #899046, #021616)
• Stone Boulevard color palette (#FFF1F5, #CFDFCE, #C8B174, #81773D, #424500)
• Plum Studio color palette (#F8F3F8, #E5B0B6, #478E69, #A64B5A, #1F3232)

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