User:RichardF/Palettes

″

↑

Palettes

Samples   Userboxes   Resources   Palettes   Essay   Talk

Top-level palettes • HSV two-level palettes • Portal palette samples • HSV user page palettes • Header palette samples
See also: HSL increments • Colors^t • Trödel • Usability • Tools • HSV-RGB to HEX • New Palette

Top-level palettes at sixty degree increments
Hue	Border		Header		Accent		Background
H30	#BFB1A3	H:30 S:15 V:75	#F2E0CE	H:30 S:15 V:95	#FFF2E6	H:30 S:10 V:100	#FFFAF5	H:30 S:4 V:100
H90	#B1BFA3	H:90 S:15 V:75	#E0F2CE	H:90 S:15 V:95	#F2FFE6	H:90 S:10 V:100	#FAFFF5	H:90 S:4 V:100
H150	#A3BFB1	H:150 S:15 V:75	#CEF2E0	H:150 S:15 V:95	#E6FFF2	H:150 S:10 V:100	#F5FFFA	H:150 S:4 V:100
H210	#A3B1BF	H:210 S:15 V:75	#CEE0F2	H:210 S:15 V:95	#E6F2FF	H:210 S:10 V:100	#F5FAFF	H:210 S:4 V:100
H270	#B1A3BF	H:270 S:15 V:75	#E0CEF2	H:270 S:15 V:95	#F2E6FF	H:270 S:10 V:100	#FAF5FF	H:270 S:4 V:100
H330	#BFA3B1	H:330 S:15 V:75	#F2CEE0	H:330 S:15 V:95	#FFE6F2	H:330 S:10 V:100	#FFF5FA	H:330 S:4 V:100

Community Portal palettes
Section	Border		Header		Background
CBB	#B1A3BF	H:270 S:15 V:75	#E0CEF2	H:270 S:15 V:95	#FAF5FF	H:270 S:4 V:100
To do	#A3BFB1	H:150 S:15 V:75	#CEF2E0	H:150 S:15 V:95	#F5FFFA	H:150 S:4 V:100
Collab	#BFB1A3	H:30 S:15 V:75	#F2E0CE	H:30 S:15 V:95	#FFFAF5	H:30 S:4 V:100
Help	#A3B1BF	H:210 S:15 V:75	#CEE0F2	H:210 S:15 V:95	#F5FAFF	H:210 S:4 V:100

Two-level header top
Two-level header bottom
Border: Hn S40 V75 Header top: Hn S40 V85 Header bottom: Hn S15 V95 Background: Hn S4 V100

Two-level header top
Two-level header bottom
Border: Hn S40 V75 Header top: Hn S15 V95 Header bottom: Hn S10 V100 Background: Hn S4 V100

One-level header
Border: Hn S15 V75 Header: Hn S15 V95 Background: Hn S4 V100

HSV Two-level and One-level header palettes (Lighter)
Use for	2-level border	Top header, One header	1-level border	Btm header, Accent	Background
S / V	S15 / V75	S15 / V95	S15 / V75	S10 / V100	S4 / V100
Hue: 0	#BFA3A3	#F2CECE	#BFA3A3	#FFE6E6	#FFF5F5
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 30	#BFB1A3	#F2E0CE	#BFB1A3	#FFF2E6	#FFFAF5
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 90	#B1BFA3	#E0F2CE	#B1BFA3	#F2FFE6	#FAFFF5
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 150	#A3BFB1	#CEF2E0	#A3BFB1	#E6FFF2	#F5FFFA
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 210	#A3B1BF	#CEE0F2	#A3B1BF	#E6F2FF	#F5FAFF
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 270	#B1A3BF	#E0CEF2	#B1A3BF	#F2E6FF	#FAF5FF
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 330	#BFA3B1	#F2CEE0	#BFA3B1	#FFE6F2	#FFF5FA
Two-level top header, One-level header
Two-level bottom header, Accent color

HSV Two-level and One-level header palettes (Darker)
Use for	2-level border	Top header	1-level border	Btm header, One header	Background
S / V	S40 / V75	S40 / V85	S15 / V75	S15 / V95	S4 / V100
Hue: 0	#BF7373	#D98282	#BFA3A3	#F2CECE	#FFF5F5
Two-level top header, One-level header
Two-level bottom header, Accent color
Hue: 30	#BF9973	#D9AD82	#BFB1A3	#F2E0CE	#FFFAF5
Two-level top header
Two-level bottom header, One-level header
Hue: 90	#99BF73	#ADD982	#B1BFA3	#E0F2CE	#FAFFF5
Two-level top header
Two-level bottom header, One-level header
Hue: 150	#79BF99	#82D9AD	#A3BFB1	#CEF2E0	#F5FFFA
Two-level top header
Two-level bottom header, One-level header
Hue: 210	#7399BF	#82ADD9	#A3B1BF	#CEE0F2	#F5FAFF
Two-level top header
Two-level bottom header, One-level header
Hue: 270	#9973BF	#AD82D9	#B1A3BF	#E0CEF2	#FAF5FF
Two-level top header
Two-level bottom header, One-level header
Hue: 330	#BF7399	#D982AD	#BFA3B1	#F2CEE0	#FFF5FA
Two-level top header
Two-level bottom header, One-level header