Created at 07/11/2025 21:11
Adaptive UI Figma System Tokens
- Grid Cream#fff7ec
- Vector Coral#ff6b6b
- Anchor Teal#2ec4b6
- Outline Navy#003049
- Focus Mint#cfffb0
- State Lilac#cabbe9
- Overlay Graphite#2b2d42
- Canvas White#fafafa
The palette consists of Light, Dark colors. Accent colors Grid Cream #fff7ec and Outline Navy #003049. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #003049 (darkest) to #FAFAFA (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): #003049, #2B2D42, #2EC4B6, #CABBE9, #CFFFB0, #FAFAFA, #FF6B6B, #FFF7EC
Palette Adaptive UI Figma System Tokens has combination of 8 codes colors:
HEX: #fff7ec, RGB: (255, 247, 236); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #2ec4b6, RGB: (46, 196, 182)
HEX: #003049, RGB: (0, 48, 73); HEX: #cfffb0, RGB: (207, 255, 176); HEX: #cabbe9, RGB: (202, 187, 233)
HEX: #2b2d42, RGB: (43, 45, 66); HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of floralwhite, Tint of salmon, Tint of mediumturquoise, Shade of midnightblue, Shade of palegreen, Tint of thistle, Shade of midnightblue, Shade of whitesmoke
Color scheme was created by colorslib
Colors codes in palette
Adaptive UI Figma System Tokens color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fff7ec | #fff7ec | RGB(255, 247, 236) | Grid Cream | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Vector Coral | — |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Anchor Teal | — |
| #003049 | #003049 | RGB(0, 48, 73) | Outline Navy | — |
| #cfffb0 | #cfffb0 | RGB(207, 255, 176) | Focus Mint | — |
| #cabbe9 | #cabbe9 | RGB(202, 187, 233) | State Lilac | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Overlay Graphite | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fff7ec | #cfffb0 | 1.06 |
#fff7ec | #cabbe9 | 1.67 |
#fff7ec | #fafafa | 1.01 |
#ff6b6b | #2ec4b6 | 1.28 |
#ff6b6b | #cabbe9 | 1.55 |
#2ec4b6 | #cfffb0 | 1.91 |
Image palette Adaptive UI Figma System Tokens png
Export Palette
Download the "Adaptive UI Figma System Tokens" in multiple formats for seamless integration into your design projects.
Available formats: