Smart Chocolate Blue Outfit Palette Colour Palette

About this palette

The Smart Chocolate Blue Outfit Palette palette is built around wearable colour combinations. It can help with outfit planning, capsule wardrobes, seasonal dressing and styling ideas where colours need to feel balanced rather than random.

The colours included are #BFDBFE, #F8F5F0, #111827, #FFFFFF, #4E342E, giving you a useful mix of base, accent and supporting tones.

Colours in this 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.

How to use this palette

• For outfits: choose one dominant neutral, one supporting colour and one accent to keep the look balanced.
• For capsule wardrobes: use the neutral shades for core pieces and the richer colours for seasonal personality.
• For styling: repeat one colour in shoes, accessories or layers to make the outfit feel pulled together.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #BFDBFE;
  --palette-colour-2: #F8F5F0;
  --palette-colour-3: #111827;
  --palette-colour-4: #FFFFFF;
  --palette-colour-5: #4E342E;
}