﻿<feed xmlns="http://www.w3.org/2005/Atom">
  <title type="text" xml:lang="en">Nine Degrees Below Palette</title>
  <link type="application/atom+xml" href="https://mfgames.com/categories/nine-degrees-below-palette/atom.xml" rel="self" />
  <link type="text/html" href="https://mfgames.com/categories/nine-degrees-below-palette/" rel="alternate" />
  <updated>2026-09-13T20:21:09Z</updated>
  <id>https://mfgames.com/categories/nine-degrees-below-palette/</id>
  <author>
    <name>D. Moonfire</name>
  </author>
  <rights>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</rights>
  <entry>
    <title>Introduction `@mfgames/nine-degrees-below` (Nine Degrees Below Palette)</title>
    <link rel="alternate" href="https://mfgames.com/blog/2025/06/26/introducing-nine-degrees-below/" />
    <updated>2025-06-26T05:00:00Z</updated>
    <id>https://mfgames.com/blog/2025/06/26/introducing-nine-degrees-below/</id>
    <category term="nine-degrees-below-palette" scheme="https://mfgames.com/categories/" label="Nine Degrees Below Palette" />
    <content type="html">&lt;p&gt;While working on &lt;a href="//fedran.com"&gt;Fedran&lt;/a&gt; covers, we've stumbled on Nine Degrees Below's &lt;a href="https://ninedegreesbelow.com/photography/gimp-srgb-lch-color-palettes.html"&gt;LCh color palette&lt;/a&gt; and fell in love with it. So much we wanted to use it for both the cover designs and the design on the website. This meant generating slightly differently arranged GPL palette files than what is provided on the link. We also needed CSS variables for our website.&lt;/p&gt;
&lt;p&gt;Along the way, things got more complicated and we ended up with this: a Node package that has &amp;ldquo;design tokens&amp;rdquo; as generated by &lt;a href="https://styledictionary.com/"&gt;Style Dictionary&lt;/a&gt;, CSS and Sass variable files suitable for using with Webpack and ESBuild, and a few other bits and bobs.&lt;/p&gt;
</content>
  </entry>
</feed>
