Cocoa Chapel color palette — #FFF2EE · #F1D7E5 · #FFB6AF · #A49A66 · #70380C

Bronze and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Shell Pink (#F1D7E5): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#FFB6AF): A whisper-light, balanced orange — the color of autumn markets.
• Moss (#A49A66): A luminous, dusty green — the color of fresh herbs.
• Bronze (#70380C): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Washed Cocoa color palette (#FFF2ED, #EFD5CE, #EBBC9F, #DA9B82, #6C3110)
• Patina Honey Villa color palette (#FCF4E9, #E1D4C9, #F1BC7E, #76A381, #5E4300)
• Timeworn Lagoon color palette (#FFF1F3, #DEDCF0, #E8A8E4, #BB8973, #5C4241)
• Aged Apricot color palette (#FFE7E3, #FBA498, #B1754C, #775C32, #4A4C45)
• Pale Garden color palette (#FFF2EC, #FFB5EC, #FF925C, #878600, #4A2800)
• Timeworn Shell color palette (#F9EEF8, #E7D5D1, #FFAFAD, #C88D75, #341F31)
• Patina Balcony color palette (#FAF5E8, #ABCCA2, #758868, #765F64, #4F5100)
• Dusty Apricot Courtyard color palette (#FEF3E9, #E29F6B, #61A0CF, #9A6439, #33554B)

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