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

alegendstalealegendstale28k 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
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
2 years ago
Created
3 years ago
Updates
38 releases
Downloads
28k
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

Note Toolbar

Add customizable toolbars to your notes.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Custom Font Loader

Customize your vault with any font you want (+ Support for Android and iOS).

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.

Custom Note Width

Effortlessly change the line width of each note individually. Provides multiple ways to customize the experience, making it both efficient and user-friendly to adjust line widths.

Focus Mode

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

Fontsource

Load custom fonts from Fontsource into your notes.

Animated Cursor

Simple yet smooth animated cursor.