Primary Palette
#0A0A0A
Midnight
HEX #0A0A0A
RGB 10, 10, 10
CMYK TBD
Primary background
RGB 10, 10, 10
CMYK TBD
Primary background
#FFFFFF
White
HEX #FFFFFF
RGB 255, 255, 255
CMYK TBD
Primary text
RGB 255, 255, 255
CMYK TBD
Primary text
#d24b4a
Create Red
HEX #d24b4a
RGB 210, 75, 74
CMYK TBD
Accent
RGB 210, 75, 74
CMYK TBD
Accent
#888888
Stone
HEX #888888
RGB 136, 136, 136
CMYK TBD
Secondary text
RGB 136, 136, 136
CMYK TBD
Secondary text
#222222
Charcoal
HEX #222222
RGB 34, 34, 34
CMYK TBD
Borders / dividers
RGB 34, 34, 34
CMYK TBD
Borders / dividers
Extended Palette
#111111
Elevated
HEX #111111
RGB 17, 17, 17
CMYK TBD
Card backgrounds
RGB 17, 17, 17
CMYK TBD
Card backgrounds
#181818
Hover
HEX #181818
RGB 24, 24, 24
CMYK TBD
Interactive states
RGB 24, 24, 24
CMYK TBD
Interactive states
#555555
Dim
HEX #555555
RGB 85, 85, 85
CMYK TBD
Tertiary text
RGB 85, 85, 85
CMYK TBD
Tertiary text
#333333
Border Light
HEX #333333
RGB 51, 51, 51
CMYK TBD
Active borders
RGB 51, 51, 51
CMYK TBD
Active borders
Approved Pairings
Create
Primary
Primary
#FFFFFF on #0A0A0A
Create
Accent
Accent
#d24b4a on #0A0A0A
Create
Secondary
Secondary
#888888 on #0A0A0A
Create
Reversed
Reversed
#0A0A0A on #FFFFFF
Create
Accent Rev.
Accent Reversed
#FFFFFF on #d24b4a
CSS Variables
:root {
--bg: #0A0A0A; /* Midnight — primary background */
--bg-card: #111111; /* Elevated — card backgrounds */
--bg-card-hover: #181818; /* Hover — interactive states */
--text: #FFFFFF; /* White — primary text */
--text-secondary: #888888; /* Stone — secondary text */
--text-dim: #555555; /* Dim — tertiary text */
--accent: #d24b4a; /* Create Red — accent */
--border: #222222; /* Charcoal — borders / dividers */
--border-light: #333333; /* Border Light — active borders */
}
Downloads
Download ASE Swatches
Coming Soon