Clay Palette de couleurs

À propos de cette palette

The Clay colour palette brings together a set of shades that can be used across interiors, fashion, branding, websites, presentations and creative projects. It gives you a starting point for understanding how this colour behaves alongside lighter neutrals, deeper accents and supporting tones.

Utiliser cette palette when you want a ready-made colour direction rather than starting from a blank canvas. The colours included are #B66A50, #F4C7B8, #FFF7ED, #3F1D12, making it easy to copy the values into a design tool, CSS file, mood board or visual concept.

You can also explore related palettes de couleurs, open the palette in the colour tool, or compare it with articles that use similar colour ideas.

Couleurs de cette palette

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

Comment utiliser cette palette

• Base: Utilisez la teinte la plus calme ou la plus claire pour créer une base, puis laissez les couleurs plus fortes apporter la personnalité.
• Contrastee: Associez toujours une teinte claire et une teinte foncée avant d’utiliser la palette pour du texte, des boutons ou des informations importantes.
• Accents: Réservez la couleur la plus vive à de petites zones afin qu’elle attire l’œil sans dominer toute la composition.
• Contexte: Testez les couleurs sur la vraie matière, dans la vraie lumière ou sur les écrans réellement utilisés avant de les valider.
• Cohérence: Attribuez un rôle à chaque couleur et répétez les mêmes rôles d’une page, d’une pièce ou d’un support à l’autre.

Variables CSS de couleur

Copier these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #B66A50;
  --palette-colour-2: #F4C7B8;
  --palette-colour-3: #FFF7ED;
  --palette-colour-4: #3F1D12;
}