Colors
Learn about our brand and product featured colors.
Castle features 2 core colors to represent the brand. Only use Flag Sky for situations where the brand needs to be placed on a dark background, otherwise use the Uniform Navy color as the default choice.
Uniform Navy
#0C2053R12 G32 B83
C28 M20 Y0 K67
Pantone 2758 C
Flag Sky
#BAE1FFR186 G225 B255
C27 M12 Y0 K0
Pantone 290 C
Use these gradient fills to add depth and extra visual styling to backgrounds and text elements. The Floral Ripple gradient should only be used to stylelize heading and small elements such as icons or brandmark. Typically speaking, gradient fills are mostly reserved for marketing and not featured in the product.
Brand Gradient
#101524 0%#242E60 50%
#334F96 100%
Snow Gradient
#E2E7FF 0%#DBE5FF 35%
#FFFFFF 100%
Foil Gradient
#90cbf0 0%#b3aaff 50%
#f3b4ff 100%
These secondary colors provides flexibility and variety to the brand. Use these colors sparingly and to only highlight specific elements. These accent colors can also be particularly useful for highlighting chapter headings text elements.
Peach Orange
orange-300#fecaaa
Baby Blue
blue-300#99d3ff
Play Doh Pink
pink-300#ffadcb
Candy Purple
purple-300#c892f0
Leaf Yellow
yellow-300#ffdfa2
Gum Green
teal-300#92f0d8