Colorful floral design with ornate details

“How to Name Colors in Design Systems,” offering a detailed exploration of a 3-tier naming strategy for color tokens within design systems. The strategy addresses issues of token bloat and helps maintain a balance between broad categorizations and specific details, ensuring clarity and flexibility as design systems expand.

Design tokens, which encapsulate fundamental visual decisions for colors, typography, spacing, etc., are key to the discussion. They provide a consistent bridge between designers and developers.

This resource is beneficial for designers and developers responsible for creating or managing design systems, particularly those seeking scalable naming conventions for color tokens.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.