Views:...

Unfold Colors

Generate color schemes for Django Unfold by selecting base colors.

I'm Feeling Lucky

Advanced Mode

Select Base Colors

Primary

Secondary

Success

Warning

Danger

Font

Subtle

Default

Important

Preview Output

"COLORS": {
        "primary": {
            "50": "234 242 250",
            "100": "192 217 241",
            "200": "151 191 232",
            "300": "109 166 223",
            "400": "67 140 213",
            "500": "42 115 188",
            "600": "32 89 146",
            "700": "23 64 104",
            "800": "14 38 63",
            "900": "9 26 42",
            "950": "5 13 21"
        },
        "secondary": {
            "50": "240 246 238",
            "100": "210 228 206",
            "200": "180 210 173",
            "300": "150 192 140",
            "400": "120 174 107",
            "500": "95 149 81",
            "600": "74 115 63",
            "700": "53 83 45",
            "800": "31 50 27",
            "900": "21 33 18",
            "950": "11 17 9"
        },
        "success": {
            "50": "238 248 237",
            "100": "205 233 201",
            "200": "173 218 165",
            "300": "140 203 129",
            "400": "107 188 93",
            "500": "81 162 68",
            "600": "63 126 52",
            "700": "45 90 37",
            "800": "27 54 22",
            "900": "18 36 15",
            "950": "9 18 8"
        },
        "warning": {
            "50": "252 242 232",
            "100": "247 215 186",
            "200": "242 189 141",
            "300": "236 162 95",
            "400": "231 135 49",
            "500": "206 110 24",
            "600": "160 86 19",
            "700": "114 61 13",
            "800": "69 37 8",
            "900": "46 24 5",
            "950": "23 12 3"
        },
        "danger": {
            "50": "250 234 234",
            "100": "241 192 192",
            "200": "232 151 151",
            "300": "223 109 109",
            "400": "213 67 67",
            "500": "188 42 42",
            "600": "146 32 32",
            "700": "104 23 23",
            "800": "63 14 14",
            "900": "42 9 9",
            "950": "21 5 5"
        },
        "font": {
            "subtle": "120 120 130",
            "default": "50 50 60",
            "important": "20 20 25"
        }
    }

Unfold Colors FAQs

Unfold Colors generates and customizes color schemes for Django Unfold. The main page allows selecting base colors with auto-generated shades, while the advanced page offers individual shade customization.

Color Stats

Total Base Colors8

Modified Colors0