Warm Neutral Tetradic Color Scheme
Five colors arranged by the tetradic rule around Warm Neutral (#C1B19D), each snapped to its nearest named color.
#C1B19D
#9FC09C
#9EAFC2
#C09DC8
#EAE3DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warm Neutral | #C1B19D | 193, 177, 157 | 33°, 22%, 69% | 0, 8, 19, 24 | |
| Spruce Stone | #9FC09C | 159, 192, 156 | 115°, 22%, 68% | 17, 0, 19, 25 | |
| Sterling Silver | #9EAFC2 | 158, 175, 194 | 212°, 23%, 69% | 19, 10, 0, 24 | |
| Lilac Pink | #C09DC8 | 192, 157, 200 | 289°, 28%, 70% | 4, 21, 0, 22 | |
| Fuzzy Unicorn | #EAE3DB | 234, 227, 219 | 32°, 26%, 89% | 0, 3, 6, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C09DC8 on #EAE3DB | 1.86:1 | — |
| Aa #9EAFC2 on #EAE3DB | 1.76:1 | — |
| Aa #C1B19D on #EAE3DB | 1.64:1 | — |
| Aa #9FC09C on #EAE3DB | 1.57:1 | — |
| Aa #9FC09C on #C09DC8 | 1.18:1 | — |
| Aa #C1B19D on #C09DC8 | 1.13:1 | — |
CSS variables
:root {
--color-1: #c1b19d; /* Warm Neutral */
--color-2: #9fc09c; /* Spruce Stone */
--color-3: #9eafc2; /* Sterling Silver */
--color-4: #c09dc8; /* Lilac Pink */
--color-5: #eae3db; /* Fuzzy Unicorn */
}Other schemes from Warm Neutral
- Warm Neutral Complementary Color Scheme#C1B19D#E4DED5#9EAFC2#6586A5#DAE2E9
- Warm Neutral Analogous Color Scheme#C59DAA#C79D9B#C1B19D#C8C197#AAC69A
- Warm Neutral Triadic Color Scheme#C1B19D#9BC2B4#B598C3#EAE3DB#70A38D
- Warm Neutral Split-complementary Color Scheme#C1B19D#9CC2C5#9D9AC4#A68B6D#CBDEE2
- Warm Neutral Monochromatic Color Scheme#7A634D#A38D6D#C1B19D#DED5CC#F6F4EF
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Warm Neutral?
In a tetradic scheme: Spruce Stone (#9FC09C), Sterling Silver (#9EAFC2), Lilac Pink (#C09DC8), Fuzzy Unicorn (#EAE3DB).
What is the hex code of Warm Neutral?
#C1B19D.