Browse all palettes
Lavender #C8B9D4, a soft cool purple with a muted, elegant character.

Color palette

Lavender

Use this color as a starting point: copy its HEX code, find matching colors, or set it as the Base color in Color Studio.

Opening Color Studio uses this color as the Base color in a new project. Generate a palette only when you are ready.

How to Use Lavender in Your Color Palette

Lavender #C8B9D4 is a soft, cool purple with a calm and polished feel. It works well in interiors, gentle branding, web design, stationery, and illustration where a quiet accent is useful. Pair it with off-whites, muted blues, soft greens, or deeper plum tones to create balanced combinations that feel relaxed without becoming overly sweet.

Use #C8B9D4 with readable text

Use this exact HEX value to explore readable text, two layouts and three palette directions. The examples are starting points: check text and controls again in your finished design.

Sample text

11.35:1 — Passes AA for normal text

Text #000000
Background #C8B9D4

Sample text

1.85:1 — Fails AA for normal text

Text #FFFFFF
Background #C8B9D4

Sample text

9.44:1 — Passes AA for normal text

Text #171A1D
Background #C8B9D4

Sample text

8.86:1 — Passes AA for normal text

Text #C8B9D4
Background #251C2C

Calculated for opaque sRGB colors. AA for normal text requires at least 4.5:1; the result uses the unrounded value. These checks describe the shown pairs, not every combination or the accessibility of a complete design.

Two ways to use this color

These are Qolorio design examples. Open one in Studio to keep the shown colors and role choices, then try them in the available previews.

Lavender — light layout

STUDIO NOTES

A fresh perspective

A considered space for ideas and details.

A considered choice of color.

Explore the story

A light page and dark text leave room for the original color as a feature panel. Check the panel label against its actual background.

Background / body text
#F7F6F9 / #251C2C · 15.22:1
Action / label
#3C2B4A / #F8FAFC · 12.26:1

Lavender — dark layout

STUDIO NOTES

Made to be noticed

A focused setting for a new collection.

A considered choice of color.

See the collection

The original color becomes a feature panel. The action uses it when it stands out against the dark page; otherwise a lighter companion takes that job.

Background / body text
#251C2C / #F7F6F9 · 15.22:1
Action / label
#C8B9D4 / #171A1D · 9.44:1

Three palette combinations

Balanced foundation

A light foundation, the original color, dark tones for structure and a soft companion. Check text contrast wherever you place type.

#F7F6F9 #C8B9D4 #251C2C #3C2B4A #DFD6E6

Warm editorial

Pair the original color with a warm accent and dark text for a cover, article or presentation. Keep the accent small.

#F7F5EF #C8B9D4 #251C2C #C6835D

Cool workspace

A cool supporting palette for surfaces and information. Add a readable label or shape when color carries meaning.

#F5F8FA #C8B9D4 #314E63 #D8E2E9