Back to palettes

Palette

Fireside Knit Warmth

Deep, inviting hues of a crackling fire and warm knit textures, creating a sense of comforting warmth.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fireside Knit Warmth reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Fireside Knit Warmth.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#A0522D#D2691E#CD5C5C#8B0000#DAA520

Palette guide

How to use Fireside Knit Warmth

Overview

The Fireside Knit Warmth palette offers deep, inviting hues reminiscent of a crackling fire and comforting knit textures. This rustic collection provides designers and developers with a versatile range of warm colors, perfect for projects that aim to evoke coziness, craftsmanship, and autumnal charm. It features a rich sienna (#A0522D), a vibrant burnt orange (#D2691E), a classic coral red (#CD5C5C), and a deep, powerful red (#8B0000). A goldenrod yellow (#DAA520) adds a touch of brightness, making this palette ideal for creating visually engaging and heartwarming designs across various platforms.

Best used for

  • Craft and handmade product branding
  • Rustic apparel and textile design
  • Autumnal marketing campaigns and seasonal promotions
  • Cozy cafe or bakery website designs
  • Artisanal food packaging and branding
  • Interior design concepts for rustic spaces

Suggested color roles

primary

Use #8B0000 for strong, grounding elements like main headings, buttons, or a powerful brand statement.

secondary

Apply #A0522D for supporting content, subheadings, or as a rich brown complement that adds depth.

accent

Deploy #D2691E for vibrant highlights, interactive elements, or to simulate the bright flicker of flames.

background

Utilize #DAA520 as a warm, golden beige background, providing a comforting canvas that ensures readability for darker text.

text

Choose #8B0000 for primary body text on light backgrounds like #DAA520, or a crisp white for text on darker hues.

Accessibility notes

  • Ensure #8B0000 text on #DAA520 background meets WCAG AA contrast standards for readability.
  • Be cautious using #CD5C5C or #D2691E for small text on #DAA520; reserve for larger display text or accents.
  • Provide clear visual cues for interactive elements, ensuring sufficient contrast between states.
  • When placing text on #8B0000 or #A0522D, use white or a very light cream to guarantee readability.

Recommended combinations

Rustic Core

Creates a solid, comforting base for web pages or print layouts, balancing deep and light tones.

#A0522D · #8B0000 · #DAA520

Flickering Glow

Simulates a warm, inviting glow, perfect for hero sections, atmospheric imagery, or subtle gradients.

#D2691E · #CD5C5C · #DAA520

Rich Harmony

Offers a rich, layered look, ideal for complex illustrations, infographics, or sections requiring visual depth.

#8B0000 · #A0522D · #CD5C5C

CSS variables

:root {
  --fireside-knit-warmth-1: #A0522D;
  --fireside-knit-warmth-2: #D2691E;
  --fireside-knit-warmth-3: #CD5C5C;
  --fireside-knit-warmth-4: #8B0000;
  --fireside-knit-warmth-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fireside-knit-warmth": {
        1: "#A0522D",
        2: "#D2691E",
        3: "#CD5C5C",
        4: "#8B0000",
        5: "#DAA520",
      }
    }
  }
}

Related searches

knit texture colorswarm rustic paletteautumn cozy colorsred orange brown schemehandcrafted design hues

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2691E
·
Color 3#CD5C5C
·
Color 4#8B0000
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
1.8:1Fail
2.5:1Fail
2
1.5:1Fail
1.1:1Fail
2.8:1Fail
1.6:1Fail
3
1.4:1Fail
1.1:1Fail
2.5:1Fail
1.8:1Fail
4
1.8:1Fail
2.8:1Fail
2.5:1Fail
4.5:1AA18
5
2.5:1Fail
1.6:1Fail
1.8:1Fail
4.5:1AA18

Similar palettes

More like Fireside Knit Warmth

View all warm