Created at 06/28/2025 20:17
Design Ops System Tokens
Token Lilac
#c4b5fd
Alias Cream
#fff7ed
Reference Mint
#4ade80
Spacing Slate
#64748b
Typography Indigo
#4f46e5
Border Fog
#e5e7eb
Scale Jet
#1f2937
The palette consists of Light, Semi dark, Dark colors. Accent colors Token Lilac #c4b5fd and Alias Cream #fff7ed. Palette has Cool, Neutral colors temperature.
Palette Design Ops System Tokens has combination of 7 codes colors:
HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #4ade80, RGB: (74, 222, 128)
HEX: #64748b, RGB: (100, 116, 139); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #1f2937, RGB: (31, 41, 55)
Simplified version of palette colors
Shade of lightsteelblue, Tint of floralwhite, Shade of mediumspringgreen, Tint of slategrey, Tint of slateblue, Shade of gainsboro, Shade of Black
Color scheme was created by coolor
Colors codes in palette
Design Ops System Tokens color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Token Lilac | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Alias Cream | Fatback |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Reference Mint | — |
| #64748b | #64748b | RGB(100, 116, 139) | Spacing Slate | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Typography Indigo | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Border Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Scale Jet | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c4b5fd | #fff7ed | 1.73 |
#c4b5fd | #4ade80 | 1.05 |
#c4b5fd | #e5e7eb | 1.49 |
#fff7ed | #4ade80 | 1.64 |
#fff7ed | #e5e7eb | 1.16 |
#4ade80 | #e5e7eb | 1.4 |
