Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31
Created at 07/08/2025 20:02
The palette consists of Light, Dark colors. Accent colors UX Dust #f7f1e1 and Input Teal #009fb7. Palette has Neutral, Cool, Warm colors temperature.

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

Overall saturation feels vivid (higher chroma) — 60% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (2 of 5).

HEX codes (sorted): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

Palette Frontend Experience Schema combines 5 color codes:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Simplified version of palette colors
Shade of Old Lace, Shade of Cadet Blue, Tint of Rosy Brown, Tint of Sky Blue, Tint of Black
Color scheme was created by colorday

Color codes in palette

Frontend Experience Schema color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#f7f1e1#f7f1e1RGB(247, 241, 225)UX DustCoconut Twist
#009fb7#009fb7RGB(0, 159, 183)Input Teal—
#d4a5a5#d4a5a5RGB(212, 165, 165)State Orchid—
#9dd9f3#9dd9f3RGB(157, 217, 243)Flowchart Blue—
#282828#282828RGB(40, 40, 40)Base InkDire Wolf

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Image palette Frontend Experience Schema png