Generate Palette
  1. Color Palettes
  2. Atlassian Design Secondary palette

Atlassian Design Secondary palette

  • R300 - Poppy surprise
    #ff5630
  • Y300 - Golden state
    #ffab00
  • G300 - Our kellie
    #36b37e
  • T300 - Tamarama
    #00b8d9
  • P300 - Da' juice
    #6554c0
  1.52k

Atlassian Design Secondary palette has 5 colors spread across many hues. The lightest color is Y300 - Golden state (#FFAB00), the darkest P300 - Da' juice (#6554C0). Its strongest contrast pair is #6554C0 on #FFAB00 (3.0:1, WCAG AA for large text).

Created at 02/28/2018 09:35
bymz
The palette consists of Light, Semi dark colors. Accent colors Y300 - Golden state #ffab00 and T300 - Tamarama #00b8d9. Palette has Warm, Cool colors temperature.

A sequential spectral scheme: the colors run in order across the full hue spectrum, like a rainbow.

By lightness, this palette runs from #6554C0 (darkest) to #FFAB00 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 80% 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 (3 of 5).

HEX codes (sorted): #00B8D9, #36B37E, #6554C0, #FF5630, #FFAB00

Palette Atlassian Design Secondary palette combines 5 color codes:
HEX: #ff5630, RGB: (255, 86, 48); HEX: #ffab00, RGB: (255, 171, 0); HEX: #36b37e, RGB: (54, 179, 126)
HEX: #00b8d9, RGB: (0, 184, 217); HEX: #6554c0, RGB: (101, 84, 192)
Simplified version of palette colors
Shade of Tomato, Tint of Orange, Shade of Medium Sea Green, Shade of Deep Sky Blue, Shade of Slate Blue
Color scheme was created by mz

Color codes in palette

Atlassian Design Secondary palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ff5630#ff5630RGB(255, 86, 48)R300 - Poppy surprisePoppy Surprise
#ffab00#ffab00RGB(255, 171, 0)Y300 - Golden state—
#36b37e#36b37eRGB(54, 179, 126)G300 - Our kellie—
#00b8d9#00b8d9RGB(0, 184, 217)T300 - Tamarama—
#6554c0#6554c0RGB(101, 84, 192)P300 - Da' juice—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ff5630
#ffab00
1.67
#ff5630
#36b37e
1.19
#ff5630
#00b8d9
1.33
#ff5630
#6554c0
1.84
#ffab00
#36b37e
1.4
#ffab00
#00b8d9
1.25

Image palette Atlassian Design Secondary palette png

Atlassian Design Secondary palette: R300 - Poppy surprise, Y300 - Golden state, G300 - Our kellie, T300 - Tamarama
 Download image