Sign Up Sign Up
Tomioka

Tomioka

5-color palette · Warm · Mixed · Complementary harmony

Back to Library

Tomioka

5-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 5 colors Warm Mixed Complementary anime character tomioka demonslayer
Likes 5
Colors 5

CSS variables

:root {
  --c-earthy-1: #030708;
  --c-earthy-2: #984D64;
  --c-earthy-3: #3C9261;
  --c-earthy-4: #F48A22;
  --c-earthy-5: #ECC158;
}

About this palette

This 5-color earthy palette runs from Luminous Apricot (#ECC158) as its lightest tone to Eight Ball (#030708) as its darkest. It blends Eight Ball, Glitterati, Illuminati Green, Flame Orange and Luminous Apricot into a single set you can drop straight into a UI. Of its 10 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #030708 on #ECC158 at 11.89:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Eight Ball #030708
RGB
rgb(3, 7, 8)
HSL
hsl(192, 45%, 2%)
Luminance
0.002
Glitterati #984D64
RGB
rgb(152, 77, 100)
HSL
hsl(342, 33%, 45%)
Luminance
0.129
Illuminati Green #3C9261
RGB
rgb(60, 146, 97)
HSL
hsl(146, 42%, 40%)
Luminance
0.224
Flame Orange #F48A22
RGB
rgb(244, 138, 34)
HSL
hsl(30, 91%, 55%)
Luminance
0.375
Luminous Apricot #ECC158
RGB
rgb(236, 193, 88)
HSL
hsl(43, 80%, 64%)
Luminance
0.567

Contrast & accessibility

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

Aa #030708 on #ECC158 11.89:1 AAA
Aa #030708 on #F48A22 8.20:1 AAA
Aa #030708 on #3C9261 5.28:1 AA
Aa #030708 on #984D64 3.45:1 AA Large
Aa #984D64 on #ECC158 3.45:1 AA Large
Aa #984D64 on #F48A22 2.38:1 Fail
Aa #3C9261 on #ECC158 2.25:1 Fail
Aa #3C9261 on #F48A22 1.55:1 Fail
Aa #984D64 on #3C9261 1.53:1 Fail
Aa #F48A22 on #ECC158 1.45:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors