Pixel Pantry

Color & tools

Palette generators, contrast checkers, gradient editors and small utilities that sit next to your design file.

7 resourcesFree · 3Open source · 2Freemium · 1Paid · 1

  • Rampsmith

    Color & tools

    Freemium

    Generates accessible 11-step color ramps and checks every pair for contrast

    Free / $6/mo4.8
    • color ramps
    • accessibility

  • Contrast Ledger

    Color & tools

    Paid

    A Figma plugin that audits every text layer in a file for contrast issues

    $8/mo4.6
    • accessibility
    • figma plugin

  • Nibble SVG

    Color & tools

    Open source

    An in-browser SVG optimizer with a side-by-side diff before you export

    Free4.6
    • svg
    • optimization

  • Gradient Loom

    Color & tools

    Free

    A browser-based mesh gradient editor that exports CSS, SVG and PNG

    Free4.5
    • gradients
    • css

  • Penumbra

    Color & tools

    Open source

    An open-source generator for layered, realistic box shadows

    Free4.7
    • shadows
    • css

  • Palette Press

    Color & tools

    Free

    Pull a usable palette out of any photo, then export it as tokens

    Free4.3
    • palettes
    • image

  • Scalewright

    Color & tools

    Free

    A type and spacing scale calculator that outputs fluid CSS clamp() values

    Free4.5
    • typography
    • css clamp

Know a resource that belongs in Color & tools?

Submit a resource
Live demo · Pixel Pantry— View template →