Colors
Our color palette has been invigorated with richer tones to convey confidence and depth. The dominant shades of deep green and bold black symbolize growth and trust, while the accent colors drawn from the secondary palette adds a touch of creativity and energy. This color system encapsulates Leapfrog's evolution into a more assertive and lively entity.
The Leapfrog Color Palette
Primary Palette
The Primary Palette has been derived from Leapfrog's logo colors. It's simple, straightforward and accessible.
Leapfrog
HEX #038E43RGB 3, 142, 67
Abyss
HEX #111111RGB 17, 17, 17
Obsidian
HEX #333333RGB 51, 51, 51
Ivory
HEX #D9D9D9RGB 217, 217, 217
Pure White
HEX #FFFFFFRGB 255, 255, 255
The Leapverse Palette
You can use any of the ten stops of the Leapfrog color.
100
HEX #038E43 • RGB 3, 142, 67lf-color-primary-leapfrog90
HEX #179B53 • RGB 23, 155, 83lf-color-primary-leapfrog-9080
HEX #2AA764 • RGB 42, 167, 100lf-color-primary-leapfrog-8070
HEX #3EB474 • RGB 62, 180, 116lf-color-primary-leapfrog-7060
HEX #52C084 • RGB 82, 192, 132lf-color-primary-leapfrog-6050
HEX #65CD95 • RGB 101, 205, 149lf-color-primary-leapfrog-5040
HEX #79D9A5 • RGB 121, 217, 165lf-color-primary-leapfrog-4030
HEX #8DE6B5 • RGB 141, 230, 181lf-color-primary-leapfrog-3020
HEX #A0F2C6 • RGB 160, 242, 198lf-color-primary-leapfrog-2010
HEX #B4FFD6 • RGB 180, 255, 214lf-color-primary-leapfrog-100
HEX #FFFFFF • RGB 255, 255, 255lf-color-primary-whiteSecondary Palette
The Secondary Palette is more of an experience. There are no hard and fast rules. The only rule is good color contrast and accessibility.
Azure Whisper
HEX #FCF6FFRGB 252, 246, 255
Merino
HEX #FEFAF2RGB 254, 250, 242
Gilded Sunburst
HEX #FFD700RGB 255, 215, 0
Minty Serenity
HEX #B4FFD6RGB 180, 255, 214
Royal Amethyst
HEX #822EA0RGB 130, 46, 160
Mahogany Noir
HEX #404040RGB 64, 64, 64
Cerulean Dreams
HEX #102B7BRGB 16, 43, 123
Pastel Meadows
HEX #D4F479RGB 212, 244, 121
Blush Petal
HEX #EA4C89RGB 234, 76, 137
Emerald Zephyr
HEX #00DF66RGB 0, 223, 102