Colors & fonts

Color & typography tools for web developers & digital designers

Launched on

Visit   →
Put your alt text.

Features and Resources on ColorsAndFonts.com

  • Unwrapped

    • A unique feature offering an intuitive way to explore color systems and design elements.
  • Color Systems

    • Untitled UI: Explore the Untitled UI color system.
    • Material: Dive into the Material Design color system.
    • Primer: Check out GitHub’s Primer color system.
    • Uber: Discover Uber’s color system.
    • Atlassian: Explore Atlassian’s color system.
    • Stripe: Dive into Stripe’s color system.
    • Ant: Check out Ant Design’s color system.
    • Tailwind CSS: Discover Tailwind CSS’s color system.
    • Bootstrap: Explore Bootstrap’s color system.
  • Color Palettes

    • Curated Palettes: Explore handpicked color palettes.
    • Adobe Color Wheel: Utilize Adobe’s color wheel for creating palettes.
    • Safe Colors: Discover all web safe colors.
  • Color Gradients

    • Curated Gradients: Explore a collection of handpicked color gradients.
    • Gradient Maker: Create your own gradients with an intuitive tool.
  • Type Scale

    • Get scales and code for implementing consistent typography.
  • Font Pairings

    • Explore Google Fonts paired beautifully for your projects.
  • Google Fonts

    • Find and utilize fonts from Google Fonts.
  • Glyphs

    • Access a comprehensive collection of glyphs for your design needs.