Nordic Flame

minimal palette with a balanced five-color hierarchy for design use.

#Minimal#Neutral#Clean

Open in Generator

COLOR 1

#1F231C

Sumi Ink Black

COLOR 2

#45653F

Rosemary

COLOR 3

#819884

Artichoke

COLOR 4

#F6F2F6

White Smoke

COLOR 5

#DADCD8

Gainsboro

Color Values & Codes

HEX · RGB · HSL

Sumi Ink Black

#1F231C

rgb(31, 35, 28)hsl(94, 11%, 12%)Color details →

Rosemary

#45653F

rgb(69, 101, 63)hsl(111, 23%, 32%)Color details →

Artichoke

#819884

rgb(129, 152, 132)hsl(128, 10%, 55%)Color details →

White Smoke

#F6F2F6

rgb(246, 242, 246)hsl(300, 18%, 96%)Color details →

Gainsboro

#DADCD8

rgb(218, 220, 216)hsl(90, 5%, 85%)Color details →

Open In Design Tools

Palette Generator

Lock & shuffle colors

Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet

:root {
  --color-1: #1F231C;
  --color-2: #45653F;
  --color-3: #819884;
  --color-4: #F6F2F6;
  --color-5: #DADCD8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text

#1F231C on #F6F2F614.41:1

Normal Text AA Pass

Sample Text

#1F231C on #DADCD811.56:1

Normal Text AA Pass

Sample Text

#45653F on #F6F2F65.95:1

Normal Text AA Pass

Sample Text

#45653F on #DADCD84.77:1

Normal Text AA Pass

Sample Text

#819884 on #F6F2F62.80:1

Large Text Only (Fail)

Sample Text

#819884 on #DADCD82.25:1

Large Text Only (Fail)

Related Palettes in Minimal

cp-featured-07Minimal

Swiss Editorial Clean

MinimalCreativeBold

cp-featured-10Interior Design

Japandi Sanctuary

Interior DesignNeutralCalm

cp-featured-15Fashion

Milan Runway Neutral

FashionNeutralCreative

cp-featured-18Food

FoodCleanFresh