Skip to content

smucode/elm-flat-colors

Repository files navigation

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

Light Greenish BlueFaded PosterGreen Darner TailShy MomentCity LightsSour LemonFirst DatePink GlamourPico-8 PinkAmerican River

Mint LeafRobin's Egg BlueElectron BlueExodus FruitSoothing BreezeBright YarrowOrangevilleChi-GongPrunus AviumDracula Orchid

Aussie Palette

BeekeeperSpiced NectarinePink GlamourJune BudCoastal BreezeMiddle BlueHeliotropeExodus FruitDeep KoamaruSoaring Eagle

TurboQuince JellyCarmine PinkPure AppleHint Of Ice PackGreenland GreenSteel PinkBlurpleDeep CoveWizard Grey

British Palette

Protoss PylonPeriwinkleRise-N-ShineDownload ProgressSeabrookNasturcian FlowerLynx WhiteBlueberry SodaMazarine BlueBlue Nights

Vanadyl BlueMatt PurpleNanohanacha GoldSkirret GreenNavalHarley Davidson OrangeHint Of PensiveChain Gang GreyPico VoidElectromagnetic

Canadian Palette

JigglypuffCasandora YellowPastel RedMegamanWild Caribbean GreenJade DustJoust BlueNasu PurpleLight Blue BallerinaFuel Town

Lián Hóng Lotus PinkDouble Dragon SkinAmourCyaniteDark Mountain MeadowAqua VelvetBleu De FranceBluebellStorm PetrelImperial Primer

Chinese Palette

Golden SandCoralWild WatermelonPeaceGrisailleLime SoapFrench Sky BlueSaturated SkyWhiteCity Lights

OrangeBruschetta TomatoWatermelonBay WharfPrestige BlueUFO GreenClear ChillBright GreekAnti-Flash WhiteTwinkle Blue

Dutch Palette

SunflowerEnergosBlue MartinaLavender RoseBara RedPuffins BillPixelated GrassMerchant Marine BlueForgotten PurpleHollyhock

Radiant YellowAndroid GreenMediterranean SeaLavender TeaVery BerryRed PigmentTurkish AquaTwenty Thousand Leagues Under The SeaCircumorbital RingMagenta Purple

Flat UI Palette

TURQUOISEEMERALDPETER RIVERAMETHYSTWET ASPHALTSUN FLOWERCARROTALIZARINCLOUDSCONCRETE

GREEN SEANEPHRITISBELIZE HOLEWISTERIAMIDNIGHT BLUEORANGEPUMPKINPOMEGRANATESILVERASBESTOS

French Palette

Flat FleshMelon MelodyLividSprayParadise GreenIceland PoppyTomato RedYuè Guāng Lán BlueGood SamaritanWaterfall

Squash BlossomMandarin RedAzraq BlueDupainAurora GreenCarrot OrangeJalapeno RedDark SapphireForest BluesReef Encounter

German Palette

Fusion RedOrange HibiscusFlirtatiousReptile GreenMaximum Blue GreenHigh BlueC64 NTSCLighter PurpleTwinkle BlueBlue Grey

DesireBeniukon BronzeNYC TaxiAlgal FuelTurquoise TopazBoyzoneRoyal BlueGloomy PurpleInnuendoBlue Horizon

Indian Palette

Orchid OrangeSpiro Disco BallHoney GlowSweet GardenFalling StarFiery FuchsiaBluebellGeorgia PeachOasis StreamBright Ube

Rich GardeniaClear ChillSarawak White PepperKeppelShip's OfficerMagenta PurpleEnding Navy BlueSasquatch SocksPine GladeHighlighter Lavender

Russian Palette

Creamy PeachRosy HighlightSoft BlueBrewed MustardOld GeraniumPurple Mountain MajestyRogue PinkSqueakyApple ValleyPencil Lead

Sawtooth AakSummertimeCornflowerTigerlilyDeep RosePurple CoralliteFlamingo PinkBlue CuracaoPorcelain RoseBiscay

Spanish Palette

Jacksons PurpleC64 PurpleSwan WhiteSummer SkyCelestial GreenFluorescent RedSynthetic PumpkinCrocodile ToothMandarin SorbetSpiced Butternut

Lucky PointLibertyHot StoneDevil BluePalm Springs SplashEye Of NewtChilean FireGrey PorcelainAlameda OchreDesert

Swedish Palette

Highlighter PinkDark PeriwinkleMegamanFresh TurquoiseMinty GreenNârenji OrangeYriel YellowSunset OrangeHint Of Elusive BlueGood Night!

Sizzling RedFree Speech BlueSpiro Disco BallJade DustGreen TealChrome YellowVibrant YellowRed OrangeLondon SquareBlack Pearl

Turkish Palette

Bright LilacPretty PleaseLight RedMandarin SorbetUnmellow YellowWintergreenElectric BlueNeon BlueLight Slate BlueShadowed Steel

Light PurpleYoung SalmonRed OrangeRadiant YellowDorn YellowWeird GreenHammam BlueSpiro Disco BallLight IndigoBaltic Sea

About

🎨 280 handpicked colors in 14 palettes for Elm UI, elm/html and others

Resources

License

Stars

Watchers

Forks

Packages

No packages published