Colors
One neutral in ten steps, seven hues in nine steps, four business-unit ramps and the brand colors : 113 variables in total, generated from Figma and exposed as CSS variables. Each shade carries its WCAG contrast against white (W) and against black (B).
Group colors
The two logo colors and the two cross-cutting brand hues.
#CE2D2D W 5.2 B 4.0 #00895C W 4.4 B 4.7 #273540 W 12.6 B 1.7 #0E4D64 W 9.3 B 2.3 Business unit colors
Four brand variants, each a nine-step ramp. The outlined shade is the entity’s reference brand hue.
#FDF6E4 W 1.1 B 19.5 #F9EDCC W 1.2 B 18.0 #F7E1A2 W 1.3 B 16.2 #F7DA88 W 1.4 B 15.3 #FFD459 W 1.4 B 14.8 #FDC41F W 1.6 B 13.1 #CF9A00 W 2.5 B 8.3 #875A00 W 6.0 B 3.5 #5B3C00 W 10.0 B 2.1 #FFEFEA W 1.1 B 18.7 #FFDFD5 W 1.3 B 16.8 #F7CABB W 1.5 B 14.1 #EBB09D W 1.9 B 11.2 #CA8670 W 2.9 B 7.2 #C0684C W 3.9 B 5.3 #A44D31 W 5.7 B 3.7 #842607 W 9.3 B 2.3 #601800 W 12.9 B 1.6 #F0FBF1 W 1.1 B 19.8 #D4EED6 W 1.2 B 17.0 #BEE5C1 W 1.4 B 15.2 #AEDEB2 W 1.5 B 13.9 #8BC790 W 2.0 B 10.7 #6BA56F W 2.9 B 7.2 #419947 W 3.6 B 5.9 #2A6F2F W 6.2 B 3.4 #144D18 W 9.9 B 2.1 #F0F6FF W 1.1 B 19.3 #E1EEFF W 1.2 B 17.9 #C3D7EF W 1.5 B 14.3 #9CB9DB W 2.0 B 10.4 #7CA0C4 W 2.7 B 7.7 #5987A7 W 3.9 B 5.4 #2E6685 W 6.3 B 3.4 #234C62 W 9.2 B 2.3 #002C44 W 14.5 B 1.5 Interface colors
Neutral and seven hues, each a full nine-step ramp.
#F8F8F8 W 1.1 B 19.8 #EDEFF1 W 1.2 B 18.2 #D5D9DD W 1.4 B 14.8 #A2AFB9 W 2.2 B 9.4 #738595 W 3.8 B 5.5 #4F6373 W 6.2 B 3.4 #3D4F5E W 8.5 B 2.5 #273540 W 12.6 B 1.7 #1B2930 W 14.9 B 1.4 #FFF1F2 W 1.1 B 19.1 #FFE0E0 W 1.2 B 17.0 #FECACA W 1.4 B 14.5 #FFADAD W 1.8 B 11.8 #ED6E6E W 3.0 B 7.1 #CE2D2D W 5.2 B 4.0 #A82222 W 7.2 B 2.9 #800000 W 10.9 B 1.9 #600000 W 14.0 B 1.5 #ECFCF3 W 1.1 B 19.8 #D2F7EB W 1.2 B 18.2 #C5EBDE W 1.3 B 16.3 #8AD3BB W 1.7 B 12.1 #33B288 W 2.7 B 7.9 #00895C W 4.4 B 4.7 #005F40 W 7.8 B 2.7 #004B32 W 10.2 B 2.1 #003625 W 13.5 B 1.6 #EFF6FF W 1.1 B 19.3 #D9E9FD W 1.2 B 17.0 #BFDBFE W 1.4 B 14.8 #A8C9F2 W 1.7 B 12.3 #639DE7 W 2.8 B 7.5 #3B82F6 W 3.7 B 5.7 #1955B7 W 6.9 B 3.0 #123B7E W 10.8 B 2.0 #002665 W 14.3 B 1.5 #F9F4FF W 1.1 B 19.4 #EDDFFF W 1.3 B 16.6 #DABEFF W 1.6 B 12.8 #C69AFF W 2.2 B 9.5 #AA6BFB W 3.4 B 6.2 #8C3BF6 W 5.2 B 4.1 #731EE2 W 7.0 B 3.0 #48089B W 11.8 B 1.8 #2B0063 W 16.4 B 1.3 #FFFAE0 W 1.0 B 20.0 #FCF1B7 W 1.1 B 18.4 #FFEC83 W 1.2 B 17.6 #FEE451 W 1.3 B 16.5 #FFDE24 W 1.3 B 15.7 #F7D200 W 1.5 B 14.2 #DDBC00 W 1.9 B 11.3 #947E00 W 4.0 B 5.3 #675800 W 7.1 B 3.0 #FFEEF9 W 1.1 B 18.8 #FFE0F4 W 1.2 B 17.2 #FFC6EA W 1.4 B 14.5 #FFA1DD W 1.8 B 11.4 #FB6BC7 W 2.6 B 8.0 #FF4BBE W 3.0 B 7.0 #DD2A9C W 4.3 B 4.9 #A8006B W 7.3 B 2.9 #720049 W 11.6 B 1.8 #FFF4F0 W 1.1 B 19.5 #FFE8E1 W 1.2 B 17.9 #FFD2C5 W 1.4 B 15.3 #FFB49F W 1.7 B 12.3 #FE8F70 W 2.2 B 9.4 #FF724B W 2.7 B 7.8 #CD3A11 W 5.0 B 4.2 #BB2800 W 6.1 B 3.4 #6C1700 W 11.9 B 1.8 The full detail of the 113 variables (semantic roles, WCAG contrast) lives in the "RAGT Design System" Figma file — see Get started → Design.