Views:...

Unfold Colors Advanced

Customize individual shades for Django Unfold color schemes.

I'm Feeling Lucky

Customize Colors

Preview Output

"COLORS": {
        "primary": {
            "50": "230 240 250",
            "100": "200 220 240",
            "200": "160 190 230",
            "300": "110 160 210",
            "400": "70 130 190",
            "500": "40 110 180",
            "600": "30 90 150",
            "700": "20 70 110",
            "800": "15 50 80",
            "900": "10 30 50",
            "950": "5 15 25"
        },
        "secondary": {
            "50": "240 245 230",
            "100": "210 220 190",
            "200": "180 200 160",
            "300": "140 170 120",
            "400": "100 140 90",
            "500": "70 110 60",
            "600": "60 90 50",
            "700": "45 70 40",
            "800": "30 50 25",
            "900": "20 30 15",
            "950": "10 15 10"
        },
        "success": {
            "50": "235 245 230",
            "100": "210 230 200",
            "200": "180 210 160",
            "300": "140 180 120",
            "400": "100 150 90",
            "500": "60 120 50",
            "600": "50 100 40",
            "700": "40 80 30",
            "800": "30 60 20",
            "900": "20 40 10",
            "950": "10 20 5"
        },
        "warning": {
            "50": "255 245 230",
            "100": "255 230 190",
            "200": "255 210 150",
            "300": "255 180 110",
            "400": "255 150 70",
            "500": "230 130 40",
            "600": "200 110 30",
            "700": "160 90 20",
            "800": "120 70 15",
            "900": "90 50 10",
            "950": "50 30 5"
        },
        "danger": {
            "50": "255 235 235",
            "100": "255 200 200",
            "200": "240 160 160",
            "300": "220 110 110",
            "400": "200 70 70",
            "500": "180 40 40",
            "600": "150 30 30",
            "700": "110 20 20",
            "800": "80 15 15",
            "900": "50 10 10",
            "950": "25 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 Shades58

Modified Shades0

Unfold Colors Advanced

Primary

Secondary

Success

Warning

Danger

Font