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
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.

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 mediumseagreen, Shade of deepskyblue, Shade of slateblue
Color scheme was created by mz

Color codes in palette

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

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

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast 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 - #59
 Download image