Cocoa and Ivory Accessible Paleta de cores

Sobre esta paleta

Cocoa and Ivory Accessible is a curated five-colour paleta designed for food, craft, interiors and premium retail. Cocoa and black provide strong legibility, while ivory and warm tan create a softer visual environment.

The colours are #3A2A24, #FFFDF7, #7B4B3A, #C9975B, #1A1A1A. Usar the darkest and lightest values to establish hierarchy first, then introduce the supporting colours for accents, surfaces and visual rhythm.

You can also explore related accessible colour paletas, open the paleta in the colour tool, or compare it with articles that use similar colour ideas.

Cores desta paleta

Click any colour to copy the HEX value, or open the full paleta in the colour tool to test harmonies, contrast and CSS export options.

Como usar esta paleta

• Base: Usar o tom mais calmo ou claro como base e deixe as cores mais fortes trazerem personalidade.
• Contrastee: Combine sempre um tom claro e um escuro antes de usar a paleta em textos, botões ou informações importantes.
• Destaques: Reserve a cor mais viva para áreas pequenas, chamando atenção sem dominar toda a composição.
• Contexto: Teste as cores no material real, na luz real ou nas telas que serão usadas antes de aprovar a escolha.
• Consistência: Dê uma função a cada cor e repita esses papéis entre páginas, ambientes ou materiais.

Variáveis de cor CSS

Copiar these variables into your stylesheet or design system.

:root {
  --paleta-colour-1: #3A2A24;
  --paleta-colour-2: #FFFDF7;
  --paleta-colour-3: #7B4B3A;
  --paleta-colour-4: #C9975B;
  --paleta-colour-5: #1A1A1A;
}