// VISUAL_IDENTITY
COLOUR
SYSTEM.
The palette uses a controlled 60-30-10 distribution. Carbon and Bone carry structure, neutrals manage hierarchy, and semantic colors signal state changes without overwhelming the layout.
01. CORE PALETTE
// SWATCHES// Foundations
Base
Carbon
HEX #000000
RGB 0, 0, 0
CMYK 60,40,40,100
Primary
Bone
HEX #F3EFE0
RGB 243, 239, 224
CMYK 0,2,8,5
Bridge
Stone
HEX #A89F91
RGB 168, 159, 145
CMYK 0,5,14,34
// Surfaces
Surface
Charcoal
HEX #1F1F1F
RGB 31, 31, 31
CMYK 0,0,0,88
Secondary
Graphite
HEX #4A4A4A
RGB 74, 74, 74
CMYK 0,0,0,71
Meta
Grey
HEX #666666
RGB 102, 102, 102
CMYK 0,0,0,60
// Semantics
Accent
Emerald
HEX #044E3F
RGB 4, 78, 63
CMYK 90,30,75,40
Warning
Amber
HEX #654A1E
RGB 101, 74, 30
CMYK 0,27,70,60
Destructive
Rust
HEX #7B2D26
RGB 123, 45, 38
CMYK 0,63,69,52
02. USAGE
// DISTRIBUTION// 60_30_10_SYSTEM_MAP
Carbon-heavy structure, Bone-first readability, restrained semantic accents.
48% Carbon
8% Charcoal
4% Grey
20% Bone
6% Graphite
4% Stone
6% Emerald
2% Amber
2% Rust
03. ACCESSIBILITY
// WCAG_2.1_AA_AAA// CONTRAST_RATIOS
All pairings exceed 7:1. AAA for normal and large text.
Carbon on Bone
18.2:1
The quick brown fox jumps over the lazy dog.
Large text (AAA).
Pass AAA
Primary text pairing. Highest contrast in the system.
Carbon on Stone8.0:1
The quick brown fox.
Bone on Graphite7.7:1
The quick brown fox.
Bone on Emerald8.4:1
The quick brown fox.
Bone on Amber7.2:1
The quick brown fox.
Bone on Rust8.1:1
The quick brown fox.