blob: d7abfaae4ffe28a0a378abfac438b740bd3f1b6e [file] [log] [blame]
/* Copyright 2022 The Chromium Authors
* Use of this source code is governed by a BSD_style license that can be
* found in the LICENSE file. */
/*
* cros.ref Color Tokens
*
* Base semantic palette for Chrome OS. Most colors used in ChromeOS should
* resolve to these tokens.
*
* These tokens will be dynamically updated when the theme changes.
*/
{
token_namespace: 'cros.ref',
options: {
ColorMappings: {
set_name: 'CrosRef',
},
proto: {
field_name: 'palette_colors',
field_id: 1,
},
},
colors: {
primary0: '#000000',
primary10: '#041e49',
primary20: '#062e6f',
primary30: '#0842a0',
primary40: '#0b57d0',
primary50: '#1b6ef3',
primary60: '#4c8df6',
primary70: '#7cacf8',
primary80: '#a8c7fa',
primary90: '#d3e3fd',
primary95: '#ecf3fe',
primary99: '#fafbff',
primary100: '#ffffff',
secondary0: '#000000',
secondary10: '#001d35',
secondary12: '#002238',
secondary15: '#002844',
secondary20: '#003355',
secondary30: '#004a77',
secondary40: '#00639b',
secondary50: '#047db7',
secondary60: '#3998d3',
secondary70: '#5ab3f0',
secondary80: '#7fcfff',
secondary90: '#c2e7ff',
secondary95: '#dff3ff',
secondary99: '#f7fcff',
secondary100: '#ffffff',
tertiary0: '#000000',
tertiary10: '#072711',
tertiary20: '#0a3818',
tertiary30: '#0f5223',
tertiary40: '#146c2e',
tertiary50: '#198639',
tertiary60: '#1ea446',
tertiary70: '#37be5f',
tertiary80: '#6dd58c',
tertiary90: '#c4eed0',
tertiary95: '#e7f8ed',
tertiary99: '#f2ffee',
tertiary100: '#ffffff',
error0: '#000000',
error10: '#410e0b',
error20: '#601410',
error30: '#8c1d18',
error40: '#b3261e',
error50: '#dc362e',
error60: '#e46962',
error70: '#ec928e',
error80: '#f2b8b5',
error90: '#f9dedc',
error95: '#fceeee',
error99: '#fffbf9',
error100: '#ffffff',
neutral0: '#000000',
neutral8: '#161818',
neutral10: '#1f1f1f',
neutral15: '#282828',
neutral20: '#303030',
neutral25: '#3c3c3c',
neutral30: '#474747',
neutral40: '#5e5e5e',
neutral50: '#757575',
neutral60: '#8f8f8f',
neutral70: '#ababab',
neutral80: '#c7c7c7',
neutral90: '#e3e3e3',
neutral95: '#f2f2f2',
neutral99: '#fdfcfb',
neutral100: '#ffffff',
neutralvariant0: '#000000',
neutralvariant10: '#191d1c',
neutralvariant20: '#2d312f',
neutralvariant30: '#444746',
neutralvariant40: '#5c5f5e',
neutralvariant50: '#747775',
neutralvariant60: '#8e918f',
neutralvariant70: '#a9acaa',
neutralvariant80: '#c4c7c5',
neutralvariant90: '#e1e3e1',
neutralvariant95: '#eff2ef',
neutralvariant99: '#fafdfb',
neutralvariant100: '#ffffff',
/* Harmonized colors for a hue angle of 217 (GoogleBlue400) */
red0: '#000000',
red10: '#40000c',
red20: '#680019',
red30: '#920027',
red40: '#bd0837',
red50: '#e12e4d',
red60: '#ff5167',
red70: '#ff8890',
red80: '#ffb3b6',
red90: '#ffdada',
red95: '#ffedec',
red99: '#fffbff',
red100: '#ffffff',
blue0: '#000000',
blue10: '#00174c',
blue20: '#022978',
blue30: '#244290',
blue40: '#3f5aa9',
blue50: '#5973c4',
blue60: '#738de0',
blue70: '#8ea8fd',
blue80: '#b4c5ff',
blue90: '#dbe1ff',
blue95: '#eff0ff',
blue99: '#fefbff',
blue100: '#ffffff',
yellow0: '#000000',
yellow10: '#291800',
yellow20: '#452b00',
yellow30: '#624000',
yellow40: '#825500',
yellow50: '#a26c00',
yellow60: '#c58300',
yellow70: '#e89c00',
yellow80: '#ffb94f',
yellow90: '#ffddb3',
yellow95: '#ffeedc',
yellow99: '#fffbff',
yellow100: '#ffffff',
green0: '#000000',
green10: '#002114',
green20: '#003825',
green30: '#005237',
green40: '#006c4a',
green50: '#00885e',
green60: '#2ea376',
green70: '#4fbf8f',
green80: '#6cdba9',
green90: '#89f8c4',
green95: '#beffdc',
green99: '#f4fff6',
green100: '#ffffff',
/* Sparkle colors for hue angle of 217 (GoogleBlue400) */
'sparkle-analog0': '#000000',
'sparkle-analog10': '#260059',
'sparkle-analog20': '#400688',
'sparkle-analog30': '#572b9f',
'sparkle-analog40': '#6f46b9',
'sparkle-analog50': '#8960d4',
'sparkle-analog60': '#a47af0',
'sparkle-analog70': '#bd99ff',
'sparkle-analog80': '#d4bbff',
'sparkle-analog90': '#ebdcff',
'sparkle-analog95': '#f7edff',
'sparkle-analog99': '#fffbff',
'sparkle-analog100': '#ffffff',
'sparkle-muted0': '#000000',
'sparkle-muted10': '#1b1247',
'sparkle-muted20': '#31295d',
'sparkle-muted30': '#473f75',
'sparkle-muted40': '#5f578f',
'sparkle-muted50': '#7870a9',
'sparkle-muted60': '#9289c5',
'sparkle-muted70': '#ada4e1',
'sparkle-muted80': '#c9bffe',
'sparkle-muted90': '#e5deff',
'sparkle-muted95': '#f4eeff',
'sparkle-muted99': '#fffbff',
'sparkle-muted100': '#ffffff',
'sparkle-complement0': '#000000',
'sparkle-complement10': '#002108',
'sparkle-complement20': '#103819',
'sparkle-complement30': '#284f2e',
'sparkle-complement40': '#406743',
'sparkle-complement50': '#58815b',
'sparkle-complement60': '#719b73',
'sparkle-complement70': '#8bb68c',
'sparkle-complement80': '#a5d2a6',
'sparkle-complement90': '#c1eec0',
'sparkle-complement95': '#cffdce',
'sparkle-complement99': '#f6fff1',
'sparkle-complement100': '#ffffff',
},
}