Loading...
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.
By lightness, this palette runs from #1F2937 (darkest) to #FFF7ED (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1F2937, #4ADE80, #4F46E5, #64748B, #C4B5FD, #E5E7EB, #FFF7ED
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 |
Image palette Design Ops System Tokens png
Export Palette
Download the "Design Ops System Tokens" in multiple formats for seamless integration into your design projects.
Available formats: