″Cite error: There are <ref>
tags on this page without content in them (see the help page).
Top-level palettes • HSV two-level palettes • Portal palette samples • HSV user page palettes • Header palette samples
See also: HSL increments • Colorst • 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
|