Created at 07/07/2025 14:09

Design Tokens Component Guide

The palette consists of Light colors. Accent colors Token Yellow #fff380 and Radius Blue #89cff0. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #495057 (darkest) to #F7F7F7 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #495057, #89CFF0, #DADADA, #F7F7F7, #FEC5E5, #FFF380

Palette Design Tokens Component Guide has combination of 6 codes colors:

HEX: #fff380, RGB: (255, 243, 128); HEX: #495057, RGB: (73, 80, 87); HEX: #f7f7f7, RGB: (247, 247, 247)

HEX: #fec5e5, RGB: (254, 197, 229); HEX: #dadada, RGB: (218, 218, 218); HEX: #89cff0, RGB: (137, 207, 240)

Simplified version of palette colors

Shade of Khaki, Tint of dimgrey, Shade of whitesmoke, Shade of Pink, Tint of gainsboro, Shade of skyblue

Color scheme was created by raccoon

More palettes with:

Colors codes in palette

Design Tokens Component Guide color codes HEX, RGB information in table

10 color pairs have low contrast and need improvement which may impact readability.