---
title: "Design Series: Our App's New Color Palette | Netlify"
description: "Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!"
source: "https://www.netlify.com/blog/2017/04/06/design-series-our-apps-new-color-palette/"
last_updated: "2026-08-29T16:45:15.000Z"
---
We’ve talked about our [Grid System](https://www.netlify.com/blog/2017/03/23/a-2.0-grid-system/) and how crucial it is for our redesigned user interface. Today we are going to cover the color palette we’ve chosen to paint our backgrounds, our buttons, and the overall look and feel.

This topic gets entry _number two_ on our series because, much like sizes, paddings and our unit to build a layout, color is one of those areas that eventually ended up trickling down throughout all of the work built on top of it.

In the end, I’m pretty happy we arrived at this palette. It’s simple and obvious which means it get’s out of the way and simplifies the rest of the design work.

### Share

-   [X (fka Twitter)](https://twitter.com/intent/tweet?text=Design Series: Our App's New Color Palette&url=https://www.netlify.com/blog/2017/04/06/design-series-our-apps-new-color-palette//)
-   [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2017%2F04%2F06%2Fdesign-series-our-apps-new-color-palette%2F%2F)
-   [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2017/04/06/design-series-our-apps-new-color-palette//)
-   [Bluesky](https://bsky.app/intent/compose?text=Design Series: Our App's New Color Palette+https://www.netlify.com/blog/2017/04/06/design-series-our-apps-new-color-palette//)

* * *

### Tags

-   [Design](/blog/tags/design/)

## Keep reading

![](/_astro/39409700c858c295fc5c37de304f679e44e21c32-2400x1350_Z1i5x2x.webp)

Opinions & Insights August 14, 2026

[

### The full power of Git, without the friction: A conversation with Netlify CTO Dana Lawson

](/blog/netlify-source-with-netlify-cto-dana-lawson)

-   ![Profile picture of Dana Lawson](/_astro/856bf146d0c05c9dc25d45b59f7eac955fbbd644-512x512_1n84rs.webp)
    
    Dana Lawson
    

![](/_astro/61190f2745496c269dd071680edec773a29eaef7-1800x1013_Z1NFVab.webp)

Opinions & Insights August 12, 2026

[

### Choosing an AI model: one prompt, 11 models, very different results

](/blog/one-prompt-11-models-very-different-results)

-   ![Profile picture of Elad Rosenheim](/_astro/be563e8998105c7e95b4db9110fa16b47cb68acd-230x230_Z2hYOHp.webp)
    
    Elad Rosenheim
    

## Recent posts

News & Announcements August 25, 2026

[

### Compete in OpenAI’s WebMCP Challenge with Netlify

](/blog/compete-openai-webmcp-challenge)

-   ![Profile picture of Karthik Puvvada](/_astro/e5524d3c315ad5114e1d5300d8991bfe902916fe-192x192_Z1w18MB.webp)
    
    Karthik Puvvada
    

News & Announcements August 19, 2026

[

### New clarifying questions in Agent Runners

](/blog/new-clarifying-questions-in-agent-runners)

-   ![Profile picture of Taylor Barnett-Torabi](/_astro/cf4624da8c1286738397b6fecb53bad504df140b-400x400_ZsvK0s.webp)
    
    Taylor Barnett-Torabi
    

Opinions & Insights August 14, 2026

[

### The full power of Git, without the friction: A conversation with Netlify CTO Dana Lawson

](/blog/netlify-source-with-netlify-cto-dana-lawson)

-   ![Profile picture of Dana Lawson](/_astro/856bf146d0c05c9dc25d45b59f7eac955fbbd644-512x512_1n84rs.webp)
    
    Dana Lawson
    

![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp)

### How do the best dev and marketing teams work together?

[Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)