Jump to content
Chaosdynamix

[MATERIAL DESIGN] Color palette

Recommended Posts

Material Design color palette

Last update : September 7, 2019
Version : 1.0.0

 

About

This afpalette file contain all the main colors and variants of the Material Design color palette extracted (manually) from the Material Design Color Tool Website.

 

Getting started

  1. Open the swatches pannel (View > Studio > Swatches).
  2. Click Panel Preferences (top right of the swatches pannel window) and select a palette type from the Import Palette sub-menu.
  3. Locate the file Material_Design_Colors.afpalette and click Open.

The newly imported palette will now be available to choose in the palette pop-up menu.

 

Missing variants

Some variants are missing :

  • All colors 50 light variants are white (#FFFFFF).
  • Red, Grey and blue grey 100 light variants are white (#FFFFFF).
  • Grey 900 dark variant is black (#000000).

 

Text color swatches

For texts on a light color background :

  • Black - Disabled (#000000 38%)
  • Black - Medium (#000000 60%)
  • Black - High (#000000 87%)

For texts on a dark color background :

  • White - Disabled (#FFFFFF 38%)
  • White - Medium (#FFFFFF 60%)
  • White - High (#FFFFFF 87%)

 

Readability

You can change the appearance of the swatches in the pannel for a better readability :

  1. Open the swatches pannel (View > Studio > Swatches).
  2. Click Panel Preferences  and select Show as list from the Appearance sub-menu.
  3. Click Panel Preferences  and select Alphabetical from the Sort sub-menu.

 

Sources

Material Design Color Tool

Material_Design_Colors.afpalette

Edited by Chaosdynamix

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.