Color palettes
Consistent color palettes can make designs look natural and avoid creating visual noise.
Color palettes are fully customizable via the use of variables. You can easily alter them as desired.
Color presets
furl provides 6 handcrafted color palettes by default, which work for the most common web application use-cases.
| 1000 | 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 | 0 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| #000000 | #111517 | #292E33 | #3F4850 | #55626D | #6E7E8C | #8897A5 | #A9B6C1 | #C9D2D9 | #E7EBEF | #F6F7F8 | #FFFFFF |
| 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 |
|---|---|---|---|---|---|---|---|---|---|
| #061C4B | #07327E | #094FB9 | #096BE1 | #2C8CF1 | #70BCFA | #98D5FB | #ABE2FC | #D4F1FC | #F5FCFE |
| 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 |
|---|---|---|---|---|---|---|---|---|---|
| #33046C | #4D0797 | #6706C1 | #7D08E2 | #A02EFA | #B450F7 | #CA78FC | #DEA6FC | #F0D2FE | #FCF5FF |
| 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 |
|---|---|---|---|---|---|---|---|---|---|
| #043E0A | #075F10 | #107A1A | #24942D | #4AB151 | #61CC68 | #81E486 | #A3EFAA | #CCF5D0 | #F5FEF6 |
| 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 |
|---|---|---|---|---|---|---|---|---|---|
| #6D2508 | #A9490A | #CF7412 | #DD8D0E | #FDB817 | #FCCF3B | #FADF66 | #FCE592 | #FFF3C7 | #FFFCF0 |
| 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50 |
|---|---|---|---|---|---|---|---|---|---|
| #6D030E | #A6030B | #E60508 | #F41915 | #F0372D | #F35A4F | #F97C71 | #FFADA4 | #FFD7D1 | #FEFBFB |