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

Color Palette

alegendstalealegendstale26k 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
71%
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
26k
Compatible with
Obsidian 0.15.0+
Platforms
Desktop, Mobile
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.

Note Toolbar

Add customizable toolbars to your notes.

Lapel

Show the heading levels in the gutter of the editor.

Snippetor

Create and tweak common snippets.

Show Whitespace

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

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.

Focus Mode

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

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

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

Quick Switcher++

Enhanced Quick Switcher, search open panels, and symbols.