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

Atlassian Design Secondary color palette

  • R300 - Poppy surprise
    #ff5630
  • Y300 - Golden state
    #ffab00
  • G300 - Our kellie
    #36b37e
  • T300 - Tamarama
    #00b8d9
  • P300 - Da' juice
    #6554c0
  4.56k
Created at 05/12/2018 13:23
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 color 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 color 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 color palette png

Atlassian Design Secondary color palette - #123
 Download image