WWF colour palette
Our colour palette offers 11 main colours and three tonal options, a dark, medium and light tone. They're listed as both hexidecimal and rgba values. Hexidecimal has the higher level of browser support, but rgba allows for alpha-transparency.
Tints of these colours are possible but legibility is paramount when using lighter tones for typography, or when using type reversed out of a tint.
A Sass and LESS @import can be found in the Github repo.
| Dark | Medium | Light |
|---|---|---|
| rgba(218, 29, 82, 1) #DA1D52 | rgba(243, 112, 67, 1) #F37043 | rgba(249, 181, 178, 1) #F68C50 |
| rgba(246, 140, 80, 1) #F9B5B2 | rgba(250, 166, 26, 1) #FAA61A | rgba(253, 188, 95, 1) #FDBC5F |
| rgba(245, 210, 0, 1) #F5D200 | rgba(255, 242, 0, 1) #FFF200 | rgba(255, 233, 108, 1) #FFE96C |
| rgba(0, 121, 50, 1) #007932 | rgba(140, 198, 63, 1) #8CC63F | rgba(184, 219, 155, 1) #B8DB9B |
| rgba(123, 132, 39, 1) #7B8427 | rgba(175, 173, 12, 1) #AFAD0C | rgba(211, 226, 126, 1) #D3E27E |
| rgba(154, 104, 28, 1) #9A681C | rgba(208, 155, 44, 1) #D09B2C | rgba(233, 206, 134, 1) #E9CE86 |
| rgba(0, 114, 143, 1) #00728F | rgba(68, 200, 245, 1) #44C8F5 | rgba(113, 206, 234, 1) #71CEEA |
| rgba(0, 116, 118, 1) #007476 | rgba(0, 172, 205, 1) #00ACCD | rgba(177, 223, 220, 1) #B1DFDC |
| rgba(154, 0, 100, 1) #9A0064 | rgba(237, 3, 124, 1) #ED037C | rgba(249, 193, 210, 1) #F9C1D2 |
| rgba(116, 56, 115, 1) #743873 | rgba(129, 41, 144, 1) #812990 | rgba(199, 142, 191, 1) #C78EBF |
| rgba(85, 47, 37, 1) #552F25 | rgba(188, 185, 184, 1) #BCB9B8 | rgba(217, 214, 214, 1) #D9D6D6 |
| rgba(245, 245, 235, 1) #F5F5EB | rgba(235, 235, 216, 1) #EBEBD8 | rgba(0, 0, 0, 1) #000000 |