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
  • Join the community
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Color Palette

alegendstalealegendstale25k downloads

Create and insert color palettes into your notes.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates38

Create beautiful & functional color palettes that enhance the appearance of your notes.

Color Palette Demo

Key Features

  • Supports most CSS color formats (including Hex, RGB, HSL, etc.)
  • Create color palettes from popular palette websites like coolors & colorhunt.
  • Style like a pro with gorgeous gradients.
  • Easily copy color codes by selecting them.

Full Documentation

Documentation

Quick Start

Palettes can be created manually by adding a codeblock with the color codes desired.

```palette
#ffffff, #000
```
```palette
rgb(125, 255, 255);
rgb(255, 255, 125);
```

Palettes can also be created from links.
Only URLs from https://coolors.co & https://colorhunt.co are currently supported.

```palette
https://colorhunt.co/ffffff
```

Optional settings can be applied to each palette within the codeblock.

```palette
#fff, #000fff00
{"gradient": true, "aliases": ["white", "black"]}
```

Palette Settings

  • height (number)
  • width (number)
  • direction (row/column)
  • gradient (true/false)
  • hover (true/false)
  • hideText (true/false)
  • override (true/false)
  • aliases (string array)

Caution - using width might cause palettes to display incorrectly.

Commands

Commands can be bound to a hotkey in settings.

  • Create - Advanced palette editor
  • Convert link - Converts a selected URL to a palette
  • Convert codeblock link to hex
  • Generate random palette - Creates a new random palette based on color theory combinations
72%
HealthGood
ReviewCaution
About
Create and manage color palettes in your notes using Hex, RGB, HSL and other CSS color formats. Import palettes from Coolors or Colorhunt links, generate gradients, copy color codes by selecting them, and use commands to open an advanced editor, convert links, or generate random palettes.
AppearanceCSSCommands
Details
Current version
2.15.0
Last updated
Last year
Created
3 years ago
Updates
38 releases
Downloads
25k
Compatible with
Obsidian 0.15.0+
License
GPL-3.0
Report bugRequest featureReport plugin
Sponsor
GitHub Sponsors
PayPal
Author
alegendstalealegendstale
github.com/ALegendsTale
GitHubalegendstale
  1. Community
  2. Plugins
  3. Appearance
  4. Color Palette

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Lapel

Show the heading levels in the gutter of the editor.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Contextual Typography

Add a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

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

Commander

Customize your workspace by adding commands everywhere, create macros and supercharge your mobile toolbar.

Task Collector (TC)

Change task status and collect tasks within a document using hotkeys and context menus.

Admonition

Admonition block-styled content.