Skip to content

Instantly share code, notes, and snippets.

@Wolfr Wolfr/colors.js
Created Jul 29, 2019

Embed
What would you like to do?
'use strict';
let colors = [
{
"name": "Gray 1000",
"code": "000000",
"category": "Grays"
},
{
"name": "Gray 900",
"code": "10171C",
"category": "Grays"
},
{
"name": "Gray 800",
"code": "1D2B34",
"category": "Grays"
},
{
"name": "Gray 700",
"code": "2B414E",
"category": "Grays"
},
{
"name": "Gray 600",
"code": "395264",
"category": "Grays"
},
{
"name": "Gray 500",
"code": "46657A",
"category": "Grays"
},
{
"name": "Gray 400",
"code": "567890",
"category": "Grays"
},
{
"name": "Gray 300",
"code": "7994A6",
"category": "Grays"
},
{
"name": "Gray 200",
"code": "9DAFBC",
"category": "Grays"
},
{
"name": "Gray 150",
"code": "BAC7D0",
"category": "Grays"
},
{
"name": "Gray 100",
"code": "D6DEE3",
"category": "Grays"
},
{
"name": "Gray 50",
"code": "EDEFF2",
"category": "Grays"
},
{
"name": "Night blue",
"code": "3A586F",
"category": "Primary"
},
{
"name": "Dark Night blue",
"code": "182F42",
"category": "Primary"
},
{
"name": "Teal bright",
"code": "25A4CF",
"category": "Primary"
},
{
"name": "Teal",
"code": "1D637A",
"category": "Primary"
},
{
"name": "Teal dark",
"code": "124455",
"category": "Primary"
},
{
"name": "Ocean green",
"code": "57C2A0",
"category": "Secondary"
},
{
"name": "Juniper",
"code": "678588",
"category": "Secondary"
},
{
"name": "Silver",
"code": "DBDBDB",
"category": "Secondary"
},
{
"name": "Tapestry",
"code": "B75B99",
"category": "Secondary"
},
{
"name": "Wine red",
"code": "98485C",
"category": "Secondary"
},
{
"name": "Yellow",
"code": "F3AA2E",
"category": "Secondary"
},
{
"name": "Green",
"code": "9DB410",
"category": "Secondary"
},
{
"name": "Dark Orange",
"code": "D03F06",
"category": "Secondary"
},
{
"name": "Soft Blue",
"code": "8AC1CE",
"category": "Secondary"
},
{
"name": "French Rose",
"code": "F33F67",
"category": "Secondary"
},
{
"name": "Success",
"code": "57C2A0",
"category": "Semantic"
},
{
"name": "Error",
"code": "D00636",
"category": "Semantic"
},
{
"name": "Link",
"code": "25A4CF",
"category": "Semantic"
},
{
"name": "Body text",
"code": "567890",
"category": "Semantic"
},
{
"name": "Heading text",
"code": "0A1620",
"category": "Semantic"
},
{
"name": "Divider",
"code": "D6DEE2",
"category": "Semantic"
},
];
module.exports = colors;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.