Color definitions, hex and Pantone

Color definitions, hex and Pantone, dark-mode, technical, dark

Preview image. Unlock full-res

Swatch table defining nine brand colors with sRGB, HEX, CMYK and Pantone values, from bright yellow and pitch black through a grey ramp to pure white.

Palette
#ECE81A
#000000
#191919
#373638
#5F626B
#8C8C8E
#C1C6C8
#D4D8DA
#FFFFFF

Summary

The exact color spec page: nine swatches arranged in a three-column grid, each with sRGB, HEX, CMYK and where relevant Pantone values, spanning bright yellow, pitch black, an anthracite-to-grey ramp and pure white.

Visual description

Dark grey background. Kicker "COMPONENTS // COLOR DEFINITIONS". Nine color blocks in three columns, each with crop-mark corners and a labeled value list. Left column: Bright Yellow (HEX ECE81A, Pantone 395), Pitch Black (000000), Anthracite (191919). Center column: Dark Grey (373638, Pantone Black 7), Vivid Grey (5f626b, Cool Grey 10), Mid Grey (8c8c8e, Pantone 423). Right column: Light Grey (c1c6c8, Pantone 428), Bright Grey (d4d8da, Pantone 427), Pure White (FFFFFF). Values are set in a small monospace-style technical face. Footer left.

Key takeaway

Crop-mark corners around each swatch as a subtle production-ready cue. A deep grey ramp (six greys here) gives a near-monochrome system enough tonal range for UI and print without adding hues. Full four-space color values (sRGB/HEX/CMYK/Pantone) make the spec usable across screen and print.

Reuse notes

The definitive reference page implementers will copy values from. The long grey ramp is the reusable insight for any black-and-one-accent identity that still needs depth. Keep this immediately after the proportion/profile page so policy and exact values sit together.

From this deck: Color definitions, hex and Pantone

View deck

More like this