You are now previewing Mabel

    The color scheme for this site is monochromatic. You can use the select menu to preview a new color scheme with a different base color. I have curated over a hundred options for you from uicolors.app. Get a random one if you’re feeling lucky.

    Preview:
    ORI feel lucky!

    I like this one! Mabel.

    50
    F0F9FB
    100
    CEEBF0
    200
    B8E1E9
    300
    88CAD8
    400
    50ABC0
    500
    348EA6
    600
    2E748C
    700
    2B5F73
    800
    2A5060
    900
    274352
    950
    152B37

    You can toggle the dark mode switch to see how the color scheme looks in light or dark mode. Choosing Light Mode or Dark Mode will save in your browser local storage and will persist across page views on your current device. Choose System Mode to remove the saved choice and fall back to your system preference.

    Click the Save button to keep this choice and browse the site with Mabel Saving adds the color scheme as a session cookie that will persist across page views on your current device. You can delete the color scheme choice at any time.

    Click the Reset preview button to go back to the default color scheme.

    Site default: Cerulean Blue

    For reference, Cerulean Blue is the default color scheme for the site.

    50
    F1F5FD
    100
    DFE8FA
    200
    C7D7F6
    300
    A1BEEF
    400
    749BE6
    500
    537ADE
    600
    3E5DD2
    700
    354BC0
    800
    313F9C
    900
    2C397C
    950
    1F244C

    There’s nothing wrong with keeping the defaults—it’s a classic choice.