catppuccin/docs/translation-table.md

563 lines
25 KiB
Markdown
Raw Normal View History

<p align="center">
<h2 align="center">🧩 Translation table</h2>
</p>
<p align="center">
How to convert older v0.1.3 ports to the v0.2.0 palette.
</p>
&nbsp;
### Usage
This table is designed to help you with translation to v0.2.0, it's not a hard
requirement. You're welcome to improvise and improve the visuals with the update!
Please use your best judgement for the Latte version, since the colour contrast
works a bit differently there.
<table>
<tr>
<th>V0.1.3</th>
<th colspan="5">V0.2.0</th>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/rosewater.png" height="16" width="16"/>
<p><code>#F5E0DC</code></p>
</td>
<td>Rosewater</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_rosewater.png" height="16" width="16"/>
<p><code>#DC8A78</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_rosewater.png" height="16" width="16"/>
<p><code>#F2D5CF</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_rosewater.png" height="16" width="16"/>
<p><code>#F4DBD6</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_rosewater.png" height="16" width="16"/>
<p><code>#F5E0DC</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/flamingo.png" height="16" width="16"/>
<p><code>#F2CDCD</code></p>
</td>
<td>Flamingo</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_flamingo.png" height="16" width="16"/>
<p><code>#DD7878</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_flamingo.png" height="16" width="16"/>
<p><code>#EEBEBE</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_flamingo.png" height="16" width="16"/>
<p><code>#F0C6C6</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_flamingo.png" height="16" width="16"/>
<p><code>#F2CDCD</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/pink.png" height="16" width="16"/>
<p><code>#F5C2E7</code></p>
</td>
<td>Pink</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_pink.png" height="16" width="16"/>
<p><code>#EA76CB</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_pink.png" height="16" width="16"/>
<p><code>#F4B8E4</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_pink.png" height="16" width="16"/>
<p><code>#F5BDE6</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_pink.png" height="16" width="16"/>
<p><code>#F5C2E7</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/mauve.png" height="16" width="16"/>
<p><code>#DDB6F2</code></p>
</td>
<td>Mauve</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_mauve.png" height="16" width="16"/>
<p><code>#8839EF</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_mauve.png" height="16" width="16"/>
<p><code>#CA9EE6</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_mauve.png" height="16" width="16"/>
<p><code>#C6A0F6</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_mauve.png" height="16" width="16"/>
<p><code>#CBA6F7</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/red.png" height="16" width="16"/>
<p><code>#F28FAD</code></p>
</td>
<td>Red</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_red.png" height="16" width="16"/>
<p><code>#D20F39</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_red.png" height="16" width="16"/>
<p><code>#E78284</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_red.png" height="16" width="16"/>
<p><code>#ED8796</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_red.png" height="16" width="16"/>
<p><code>#F38BA8</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/maroon.png" height="16" width="16"/>
<p><code>#E8A2AF</code></p>
</td>
<td>Maroon</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_maroon.png" height="16" width="16"/>
<p><code>#E64553</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_maroon.png" height="16" width="16"/>
<p><code>#EA999C</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_maroon.png" height="16" width="16"/>
<p><code>#EE99A0</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_maroon.png" height="16" width="16"/>
<p><code>#EBA0AC</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/peach.png" height="16" width="16"/>
<p><code>#F8BD96</code></p>
</td>
<td>Peach</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_peach.png" height="16" width="16"/>
<p><code>#FE640B</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_peach.png" height="16" width="16"/>
<p><code>#EF9F76</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_peach.png" height="16" width="16"/>
<p><code>#F5A97F</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_peach.png" height="16" width="16"/>
<p><code>#FAB387</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/yellow.png" height="16" width="16"/>
<p><code>#FAE3B0</code></p>
</td>
<td>Yellow</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_yellow.png" height="16" width="16"/>
<p><code>#DF8E1D</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_yellow.png" height="16" width="16"/>
<p><code>#E5C890</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_yellow.png" height="16" width="16"/>
<p><code>#EED49F</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_yellow.png" height="16" width="16"/>
<p><code>#F9E2AF</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/green.png" height="16" width="16"/>
<p><code>#ABE9B3</code></p>
</td>
<td>Green</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_green.png" height="16" width="16"/>
<p><code>#40A02B</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_green.png" height="16" width="16"/>
<p><code>#A6D189</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_green.png" height="16" width="16"/>
<p><code>#A6DA95</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_green.png" height="16" width="16"/>
<p><code>#A6E3A1</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/teal.png" height="16" width="16"/>
<p><code>#B5E8E0</code></p>
</td>
<td>Teal</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_teal.png" height="16" width="16"/>
<p><code>#179299</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_teal.png" height="16" width="16"/>
<p><code>#81C8BE</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_teal.png" height="16" width="16"/>
<p><code>#8BD5CA</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_teal.png" height="16" width="16"/>
<p><code>#94E2D5</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/blue.png" height="16" width="16"/>
<p><code>#96CDFB</code></p>
</td>
<td>Blue</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_blue.png" height="16" width="16"/>
<p><code>#1E66F5</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_blue.png" height="16" width="16"/>
<p><code>#8CAAEE</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_blue.png" height="16" width="16"/>
<p><code>#8AADF4</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_blue.png" height="16" width="16"/>
<p><code>#87B0F9</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/sky.png" height="16" width="16"/>
<p><code>#89DCEB</code></p>
</td>
<td>Sky &rarr; Sky or Sapphire</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_sky.png" height="16" width="16"/>
<p><code>#04A5E5</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_sapphire.png" height="16" width="16"/>
<p><code>#209FB5</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_sky.png" height="16" width="16"/>
<p><code>#99D1DB</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_sapphire.png" height="16" width="16"/>
<p><code>#85C1DC</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_sky.png" height="16" width="16"/>
<p><code>#91D7E3</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_sapphire.png" height="16" width="16"/>
<p><code>#7DC4E4</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_sky.png" height="16" width="16"/>
<p><code>#89DCEB</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_sapphire.png" height="16" width="16"/>
<p><code>#74C7EC</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/lavender.png" height="16" width="16"/>
<p><code>#C9CBFF</code></p>
</td>
<td>Lavender</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_lavender.png" height="16" width="16"/>
<p><code>#7287FD</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_lavender.png" height="16" width="16"/>
<p><code>#BABBF1</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_lavender.png" height="16" width="16"/>
<p><code>#B7BDF8</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_lavender.png" height="16" width="16"/>
<p><code>#B4BEFE</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/black0.png" height="16" width="16"/>
<p><code>#131020</code></p>
</td>
<td>black0 &rarr; crust</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_crust.png" height="16" width="16"/>
<p><code>#DCE0E8</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_crust.png" height="16" width="16"/>
<p><code>#232634</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_crust.png" height="16" width="16"/>
<p><code>#181926</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_crust.png" height="16" width="16"/>
<p><code>#11111B</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/black1.png" height="16" width="16"/>
<p><code>#1A1823</code></p>
</td>
<td>black1 &rarr; mantle</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_mantle.png" height="16" width="16"/>
<p><code>#E6E9EF</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_mantle.png" height="16" width="16"/>
<p><code>#292C3C</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_mantle.png" height="16" width="16"/>
<p><code>#1E2030</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_mantle.png" height="16" width="16"/>
<p><code>#181825</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/black2.png" height="16" width="16"/>
<p><code>#1E1D2F</code></p>
</td>
<td>black2 &rarr; base</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_base.png" height="16" width="16"/>
<p><code>#EFF1F5</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_base.png" height="16" width="16"/>
<p><code>#303446</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_base.png" height="16" width="16"/>
<p><code>#24273A</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_base.png" height="16" width="16"/>
<p><code>#1E1E2E</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/black3.png" height="16" width="16"/>
<p><code>#302D41</code></p>
</td>
<td>black3 &rarr; surface0</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_surface0.png" height="16" width="16"/>
<p><code>#CCD0DA</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_surface0.png" height="16" width="16"/>
<p><code>#414559</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_surface0.png" height="16" width="16"/>
<p><code>#363A4F</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_surface0.png" height="16" width="16"/>
<p><code>#313244</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/black4.png" height="16" width="16"/>
<p><code>#575268</code></p>
</td>
<td>black4 &rarr; surface1</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_surface1.png" height="16" width="16"/>
<p><code>#BCC0CC</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_surface1.png" height="16" width="16"/>
<p><code>#51576D</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_surface1.png" height="16" width="16"/>
<p><code>#494D64</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_surface1.png" height="16" width="16"/>
<p><code>#43465A</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/gray0.png" height="16" width="16"/>
<p><code>#6E6C7E</code></p>
</td>
<td>gray0 &rarr; surface2</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_surface2.png" height="16" width="16"/>
<p><code>#ACB0BE</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_surface2.png" height="16" width="16"/>
<p><code>#626880</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_surface2.png" height="16" width="16"/>
<p><code>#5B6078</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_surface2.png" height="16" width="16"/>
<p><code>#565970</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/gray1.png" height="16" width="16"/>
<p><code>#988BA2</code></p>
</td>
<td>gray1 &rarr; overlay0</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_overlay0.png" height="16" width="16"/>
<p><code>#9CA0B0</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_overlay0.png" height="16" width="16"/>
<p><code>#737994</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_overlay0.png" height="16" width="16"/>
<p><code>#6E738D</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_overlay0.png" height="16" width="16"/>
<p><code>#696D86</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/gray2.png" height="16" width="16"/>
<p><code>#C3BAC6</code></p>
</td>
<td>gray2 &rarr; overlay1 or overlay2</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_overlay1.png" height="16" width="16"/>
<p><code>#8C8FA1</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_overlay2.png" height="16" width="16"/>
<p><code>#7C7F93</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_overlay1.png" height="16" width="16"/>
<p><code>#838BA7</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_overlay2.png" height="16" width="16"/>
<p><code>#949CBB</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_overlay1.png" height="16" width="16"/>
<p><code>#8087A2</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_overlay2.png" height="16" width="16"/>
<p><code>#939AB7</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_overlay1.png" height="16" width="16"/>
<p><code>#7B819D</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_overlay2.png" height="16" width="16"/>
<p><code>#8E95B3</code></p>
</td>
</tr>
<tr align="center">
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/0.1.3/assets/palette/circles/white.png" height="16" width="16"/>
<p><code>#D9E0EE</code></p>
</td>
<td>white &rarr; text, subtext0 or subtext1</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_text.png" height="16" width="16"/>
<p><code>#4C4F69</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_subtext0.png" height="16" width="16"/>
<p><code>#6C6F85</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/latte_subtext1.png" height="16" width="16"/>
<p><code>#5C5F77</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_text.png" height="16" width="16"/>
<p><code>#C6D0F5</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_subtext0.png" height="16" width="16"/>
<p><code>#A5ADCE</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/frappe_subtext1.png" height="16" width="16"/>
<p><code>#B5BFE2</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_text.png" height="16" width="16"/>
<p><code>#CAD3F5</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_subtext0.png" height="16" width="16"/>
<p><code>#A5ADCB</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/macchiato_subtext1.png" height="16" width="16"/>
<p><code>#B8C0E0</code></p>
</td>
<td>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_text.png" height="16" width="16"/>
<p><code>#C6D0F5</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_subtext0.png" height="16" width="16"/>
<p><code>#A1A8C9</code></p>
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/v0.2.0/assets/palette/circles/mocha_subtext1.png" height="16" width="16"/>
<p><code>#B3BCDF</code></p>
</td>
</tr>
</table>