Mint – Shades

    Browse 10 progressively darker shades of #f2f6ee. Perfect for depth, shadows, and dark themes.

    #f2f6ee
    Base
    #dbe6d0
    #c7d8b6
    #b0c897
    #99b979
    #85ab5f
    #6e904c
    #59753e
    #42572e
    #2b391e
    #171e10

    About Shades for #f2f6ee

    Shades of #f2f6ee are produced by progressively reducing lightness. While the hue remains at 90°, darker values add depth, weight, and gravitas. Shades are used for text on coloured backgrounds, shadows, borders, and dark-mode UI. The 10 shades below progress from slightly darker than #f2f6ee to deep, near-black variations. Pairing the original color with its darker shades creates a professional monochromatic look that communicates sophistication.

    Frequently Asked Questions

    What is the shades of #f2f6ee?
    Shades of #f2f6ee are produced by progressively reducing lightness. While the hue remains at 90°, darker values add depth, weight, and gravitas. Shades are used for text on coloured backgrounds, shado...
    How do I use #f2f6ee shades colors in CSS?
    Copy the hex values shown above and use them in CSS properties like color, background-color, or border-color. For gradients, use the linear-gradient() syntax provided.