AV-008 · J. Avatars and Illustrations

unDraw

Large set of flat SVG illustrations with one customizable accent color. Link-only here because packs may not be redistributed.

Summary

Large set of flat SVG illustrations with one customizable accent color. Link-only here because packs may not be redistributed.

What it is

A library of illustrations for product UI and marketing.

Who it’s for

Designers who need empty-state, onboarding or marketing illustrations with a clear license.

Monochrome light Centered heroCalm, flat

unDraw: hero image — Rendered by us from the ESTIMATED palette of our capture; no third-party artwork reproduced.

Key takeaways

Captured undraw.co: centered headline with a color picker and a grid of flat illustrations in a single customizable accent (indigo by default).
Color: monochrome light theme; dominant colors #FFFFFF, #6869B2, #ADB4CD (ESTIMATED from our capture).
Layout: centered hero pattern, calm, flat mood.

Best practices to borrow

Keep chrome neutral and let content carry color.
Center one headline, one sentence and at most two actions; let the next section carry detail.
Keep one illustration style across the product and recolor it to your palette where allowed.

ESTIMATED

Palette preview

#FFFFFF~68%#6869B2~3%#ADB4CD~2%#D9DCEF~1%

Quick links

Source DESIGN.md

How to use

Pick an accent color on undraw.co, search, and download single SVG/PNG files.

Link-only entry: no third-party images are reproduced; the hero above is our own palette render. Open the source for visuals.

Related entries

AV-005 · Avatar Library

ESTIMATED

Dominant palette from our captures

Measured by us from our screenshot(s) of https://undraw.co/ (median-cut quantization; share = % of pixels). Approximate and not official.

#FFFFFF~68% of pixels#6869B2~3% of pixels#ADB4CD~2% of pixels#D9DCEF~1% of pixels

Layout pattern: Centered hero

Observed by us on the captured page(s). See all entries by layout.

How to apply it: Center one headline, one sentence and at most two actions; let the next section carry detail.

Other entries with this layout: Lucide Icons, Iconify, LogoLounge, Slack media kit, Vercel, Raycast, Arc, Framer, Apple, Multiavatar, Notion onboarding flow.

Our analysis

Captured undraw.co: centered headline with a color picker and a grid of flat illustrations in a single customizable accent (indigo by default).

Monochrome light Centered heroCalm, flat

Similar to this

Ranked by shared color theme, layout, category, type and mood tags.

AV-005 · Avatar Library

Multiavatar

Monochrome lightCentered hero

IC-001 · Icon Library

Lucide Icons

Monochrome lightCentered hero

IC-004 · Icon Framework

Iconify

Monochrome lightCentered hero

WR-008 · Website Reference

Apple

Monochrome lightCentered hero

Downloads

DESIGN.md

License / terms of the source: unDraw license: free for commercial and personal use without attribution; not allowed: replicating unDraw, redistributing illustration packs, ML training, or building integrations

DESIGN.md for AI coding agents

Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.

Download .md All entries

# DESIGN.md · unDraw (AV-008)

> Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens.

## Overview
- Type: Illustration Library · Category: J. Avatars and Illustrations
- Platforms: Web
- Color theme: Monochrome light · Layout pattern: Centered hero · Mood: Calm, flat
- License / terms: unDraw license: free for commercial and personal use without attribution; not allowed: replicating unDraw, redistributing illustration packs, ML training, or building integrations

Large set of flat SVG illustrations with one customizable accent color. Link-only here because packs may not be redistributed.

### Analysis (ours)
Captured undraw.co: centered headline with a color picker and a grid of flat illustrations in a single customizable accent (indigo by default).

## Color tokens
No official color tokens documented for this entry.

ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official:

- `#FFFFFF` ~68%
- `#6869B2` ~3%
- `#ADB4CD` ~2%
- `#D9DCEF` ~1%

## Typography
No official type scale documented for this entry; use the product’s own typography guidance.

## Spacing, radii, shadows
Not documented for this entry. Do not invent values; derive from your own design system.

## Components
No component inventory documented for this entry.

## Layout rules
- Observed layout pattern: **Centered hero** (from our captures).

## Usage
```
Pick an accent color on undraw.co, search, and download single SVG/PNG files.
```

## Do’s and don’ts
- Do: Keep chrome neutral and let content (images, icons, type) carry color.
- Don’t: Don’t introduce decorative color that competes with content.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Sources
- https://undraw.co/
- Library entry: https://design-library-byt.pages.dev/entry/AV-008