README.md

Flat UI color palettes for Elm

This library exposes all 280 Flat UI colors for use with Elm UI, elm/html and any other library.

Credits

This library is based on Flat UI Colors, check their website for the latest color palettes.

Flat UI Colors is brought to you by Asteya Network, they build simple tools for people's productivity.

Installation

elm install smucode/elm-flat-colors

Use with Elm UI

import FlatColors.AmericanPalette as FlatColors

view: Element msg
view =
    el [ Background.color FlatColors.sourLemon ]
        <| text "Sour Lemon"

Use with elm/html

import FlatColors.AmericanPalette as FlatColors

view: Html msg
view =
    div [ style "background-color" FlatColors.sourLemonHex ]
        [ text "Sour Lemon" ]

Use with avh4/color

import FlatColors.AmericanPalette as FlatColors

color: Color
color =
    let
        { red, green, blue } =
            FlatColors.sourLemonRgb
    in
    Color.rgb255 red green blue

Using color lists

import FlatColors.AmericanPalette as FlatColors

cssGradient : String
cssGradient =
    let
        colors =
            String.join "," FlatColors.allHex
    in
    "linear-gradient(" ++ colors ++ ")"

American Palette

Aussie Palette

British Palette

Canadian Palette

Chinese Palette

Dutch Palette

Flat UI Palette

French Palette

German Palette

Indian Palette

Russian Palette

Spanish Palette

Swedish Palette

Turkish Palette