Sign Up Sign Up
4-Color Fire Dragon Bright Palette

4-Color Fire Dragon Bright Palette

4-color palette · Neutral · Mixed · Triadic harmony

Back to Library

4-Color Fire Dragon Bright Palette

4-color palette · Neutral temperature · Mixed tone · Triadic harmony

Modify
Muted 4 colors Neutral Mixed Triadic
Likes 2,438
Colors 4

CSS variables

:root {
  --c-muted-1: #EBE9F6;
  --c-muted-2: #453C38;
  --c-muted-3: #6A5C55;
  --c-muted-4: #F66E00;
}

About this palette

This 4-color muted palette runs from Silver Phoenix (#EBE9F6) as its lightest tone to Delicioso (#453C38) as its darkest. It blends Silver Phoenix, Delicioso, Sausalito Ridge and Fire Dragon Bright into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #EBE9F6 on #453C38 at 8.95:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Silver Phoenix #EBE9F6
RGB
rgb(235, 233, 246)
HSL
hsl(249, 42%, 94%)
Luminance
0.826
Delicioso #453C38
RGB
rgb(69, 60, 56)
HSL
hsl(18, 10%, 25%)
Luminance
0.048
Sausalito Ridge #6A5C55
RGB
rgb(106, 92, 85)
HSL
hsl(20, 11%, 37%)
Luminance
0.114
Fire Dragon Bright #F66E00
RGB
rgb(246, 110, 0)
HSL
hsl(27, 100%, 48%)
Luminance
0.307

Contrast & accessibility

2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #EBE9F6 on #453C38 8.95:1 AAA
Aa #EBE9F6 on #6A5C55 5.35:1 AA
Aa #453C38 on #F66E00 3.65:1 AA Large
Aa #EBE9F6 on #F66E00 2.45:1 Fail
Aa #6A5C55 on #F66E00 2.18:1 Fail
Aa #453C38 on #6A5C55 1.67:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors