<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Create colorful text with simple code.

</aside>

$\color{FFCE45}Details$

You can easily color and format text in non-default styles using these simple codes:

• Text color: $$\color{hex code}your text$$
• Text background: $$\colorbox{hex code}{your text}$$
• Both: $$\color{hex code}\colorbox{hex code}{your text}$$

To make them work you need to replace “hex code” with a code that represents a color, for example FFCE45 for a golden yellow color as used in the headers of this page. See the table for some color suggestions, and the exact instructions below.

NOTE #1: For some reason, changing the color with this method also changes the style of the text. And as you can see, the change is different depending on if you change the text color or background color. Perhaps there is a way to avoid this and maintain the original text style, but I have not found it.

NOTE #2: Fun fact, this “NOTE” block does not use the above codes. It’s simply a Quote block with a default Notion blue assigned to the block, which is a different Notion hack.

$\color{FFCE45}Instructions$

1. Copy one of the codes above, depending on if you want to color the text, background or both.
2. Replace the “hex code” part with a code of your choice to define the color. See the table on this page for some examples.
3. Remove the last $ and then re-type it. This will activate the code.
4. If you change both the background and the text color, remember that you need to use two different hex codes as otherwise the text won’t be visible on the background.

Want more color options? Check out this page for hex codes!

Formulas

Buttons

Interfaces

Workarounds

Beautification

Build Ideas

Notion Creators

Color Library

Free Icon Sets

Basic Cover Images

<aside> <img src="/icons/arrow-right-basic_blue.svg" alt="/icons/arrow-right-basic_blue.svg" width="40px" /> Hex Codes:

$\color{424242}\colorbox{FF0000}{Red:}$ FF0000 $\color{424242}\colorbox{FF7145}{Reddish:}$ FF7145 $\color{f0f8ff}\colorbox{800080}{Purple:}$ 800080 $\color{424242}\colorbox{FF00FF}{Pink:}$ FF00FF $\color{424242}\colorbox{EAC6FA}{Lilac:}$ EAC6FA $\color{424242}\colorbox{D18DF2}{Light Purple:}$ D18DF2 $\color{f0f8ff}\colorbox{008000}{Green:}$ 008000 $\color{424242}\colorbox{00FF00}{Lime:}$ 00FF00 $\color{424242}\colorbox{C6E6D9}{Mint:}$ C6E6D9 $\color{f0f8ff}\colorbox{808000}{Olive:}$ 808000 $\color{424242}\colorbox{FFFF00}{Yellow:}$ FFFF00 $\color{424242}\colorbox{FFCE45}{Gold:}$ FFCE45 $\color{f0f8ff}\colorbox{000080}{Navy:}$ 000080 $\color{f0f8ff}\colorbox{0000FF}{Blue:}$ 0000FF $\color{424242}\colorbox{A9E4F5}{Powder Blue:}$ A9E4F5 $\color{424242}\colorbox{00FFFF}{Aqua:}$ 00FFFF $\color{f0f8ff}\colorbox{008080}{Teal:}$ 008080 $\color{f0f8ff}\colorbox{424242}{Dark Grey:}$ 424242

</aside>