A promotional image for our colour scheme. Colours Last updated 10th August 2021

Basic colour rules

We use Sea Green (#3DDF89 ) as our primary colour, and Hacky Cyan (#4CDCDF ) and Sky Blue (#4C9CEF ) as accents. We use Sea Green for things like titles, H1s, and buttons. For all other HXs we use Hacky Cyan. We use Sky Blue for links.

Colour Scheme

We have a kind of large colour scheme, although most colours are usually unused. When creating official qwik material only these colours should be used. The colour scheme is crafted by BurnyLlama, but is of course freely available to anyone outside qwik (as we believe owning colours would be a stupid idea).

Colours

Apple Red

#BF3638

#D5484A

#EF5255

#FA7A7C

#FA999A

Fruity Orange

#AF6118

#DA7516

#EB801B

#F99434

#F9AE67

Pineapple Yellow

#BD920F

#DFAC11

#F4C025

#FFD147

#FFE38F

Pear Green

#7D9A37

#96BB3E

#AED651

#C2E571

#DBF1A7

Parakeet Green

#53A545

#61C350

#72D661

#93E684

#BCF0B2

Sea Green

#2AA764

#2ACB75

#3DDF89

#5DEEA1

#A9F4CC

Hacky Cyan

#2CA3A5

#2DCACD

#4CDCDF

#6BE8EB

#B7EFF0

Sky Blue

#1C67B5

#2A83DF

#4C9CEF

#74B6FB

#A3CEFA

Vivid Indigo

#2143CA

#3457E5

#4C6DEF

#748FFB

#B1C0FC

Royal Purple

#613FD9

#7C5DE9

#967CF4

#BCAAFD

#CFC2FE

Popping Magenta

#B63AB0

#D152CB

#E175DB

#EC9AEF

#EFB1F1

Flower Pink

#D0356D

#E2407C

#EE588F

#FA80AC

#FBA7C6

Greyscale

Internally we call our greyscale Mighty Greyscale, although that's kinda arbitrary. Our main background colour is #10102F . You can use #00001F for drop-shadows, and #20203F to "elevate" elements.

#00001F

#10102F

#20203F

#30304F

#40405F

#50506F

#60607F

#70708F

#80809F

#9090AF

#A0A0BF

#B0B0CF

#C0C0DF

#D0D0EF

#E0E0FF