Pistachio the front end framework and pattern library for graze.com

contents:


    colour palette

    brand colours

    primary

    primary colour

    #0AA550
    @colour-brand

    secondary

    Use the secondary colour palette sparingly and only to compliment the primary brand colour.

    accent

    #85BB23
    @colour-secondary

    lime

    #D8DA00
    @colour-brand-lime

    apple

    #F16161
    @colour-brand-apple

    berry

    #B95299
    @colour-brand-berry

    orange

    #F7A600
    @colour-brand-orange

    violet

    #926FAD
    @colour-brand-violet

    blue

    #4789C1
    @colour-brand-blue

    UI colours

    loud blue

    #4789C1
    @colour-loud-blue

    loud green

    #56A450
    @colour-loud-green

    loud orange

    #F76831
    @colour-loud-orange

    loud red

    #F16161
    @colour-loud-red

    muted blue

    #B1D4E7
    @colour-muted-blue

    muted green

    #BBDBB9
    @colour-muted-green

    muted orange

    #F4C6A5
    @colour-muted-orange

    muted red

    #F6BBBB
    @colour-muted-red

    monochrome colours

    white

    #ffffff
    @colour-white

    black

    #000000
    @colour-black

    grey-dark

    #444444
    @colour-grey-dark

    grey

    #757575
    @colour-grey

    grey-light

    #C6C6C6
    @colour-grey-light

    grey-lighter

    #DDDDDD
    @colour-grey-lighter

    grey-lightest

    #EEEEEE
    @colour-grey-lightest

    grey-hint

    #f8f8f8
    @colour-grey-hint