Colors
Our color scheme is styled with the Toge Design System v3.0 - Color Scheme to maintain a cohesive and accessible color palette across all components.
The colors utility provides a set of color-related functions that can be used to manipulate colors in various ways. The utility is available as a mixin and can be used in any component.
Color Scheme
The Toge Design System v3.0 - Color Scheme includes the following primary colors:
WHITE
50
100
200
300
400
500
600
700
800
900
950
MUSHROOM
50
100
200
300
400
500
600
700
800
900
950
TOMATO
50
100
200
300
400
500
600
700
800
900
950
CARROT
50
100
200
300
400
500
600
700
800
900
950
MANGO
50
100
200
300
400
500
600
700
800
900
950
KANGKONG
50
100
200
300
400
500
600
700
800
900
950
WINTERMELON
50
100
200
300
400
500
600
700
800
900
950
BLUEBERRY
50
100
200
300
400
500
600
700
800
900
950
UBAS
50
100
200
300
400
500
600
700
800
900
950