Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Custom Tag Color

Anand BaghelAnand Baghel210 downloads

Define custom text colors (and derived backgrounds) for tags based on regex patterns.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

An Obsidian plugin that lets you assign custom colors to tags using regular expression (regex) patterns. Create flexible rules that automatically color tags based on their names, prefixes, numbering schemes, dates, times, emojis, and more.

Features

  • 🎨 Assign custom color to tags.
  • 🔍 Match tags using powerful regular expressions.
  • 📋 First matching rule takes priority.
  • 🌈 Automatically derives complementary background colors.
  • ➕ Add, edit, and remove rules from an intuitive settings panel.
  • ♻️ Reset all rules to the default example configuration.
  • 📱 Works on both desktop and mobile versions of Obsidian.

Examples

Goal Regex Pattern
Match exactly #important ^important$
Match dates like #21/06/2026 ^\d{2}/\d{2}/\d{4}$
Match times like #09:30 ^\d{2}:\d{2}$
Match times like #09-30 ^\d{2}-\d{2}$
Match #war1, #war25, #article10 ^(war|article)\d+$
Match numeric tags ^\d+$
Match tags starting with status- ^status-.*$

Regex Quick Reference

Symbol Meaning
^ Start of text
$ End of text
. Any character
* Zero or more
+ One or more
\d Digit (0-9)
| OR operator

Escape special characters with \\ when necessary.

Installation

From Community Plugins (after approval)

  1. Open Settings → Community Plugins.
  2. Disable Safe Mode if necessary.
  3. Search for Custom Tag Color.
  4. Install and enable the plugin.

Manual Installation

Copy the following files into:

<your-vault>/.obsidian/plugins/custom-tag-color/
  • manifest.json
  • main.js

Then reload Obsidian and enable the plugin in Community Plugins.

Usage

  1. Open Settings → Custom Tag Color.
  2. Click Add New Rule.
  3. Enter a regex pattern (without the leading #).
  4. Choose a color.
  5. Save your changes.
  6. Tags matching the first applicable rule will automatically use the configured color.

Notes

  • Patterns match the tag name only, without the leading #.
  • Rules are evaluated from top to bottom.
  • The first matching rule is applied.

Compatibility

  • Minimum Obsidian version: 1.8.0

Author

Anand Baghel

License

MIT

HealthExcellent
ReviewPassed
About
Assign custom colors to tags using regular-expression rules to match names, prefixes, numbers, dates, times, emojis, and more. Create ordered rules where the first match wins and auto-generate complementary background colors; edit or reset rules from the settings panel and use on desktop or mobile.
TagsAppearance
Details
Current version
1.0.0
Last updated
Last month
Created
Last month
Updates
1 release
Downloads
210
Compatible with
Obsidian 1.8.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
Anand BaghelAnand Baghelanandrajbaghel
GitHubanandrajbaghel
  1. Community
  2. Plugins
  3. Tags
  4. Custom Tag Color

Related plugins

Colored Bases Properties

Color property lists and formula properties in Bases.

Supercharged Links

Add attributes to internal links with the values of target note's frontmatter attributes.

Colored Tags

Colorize tags in different colors to visually distinguish them from each other.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

TagFolder

Show tags as folder.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Note Toolbar

Add customizable toolbars to your notes.

Link Favicons

See the favicon for a linked website.

Chat View

Chat View lets you quickly and easily create elegant Chat UIs in your Markdown Files.