FlatColors.FlatUIPalette

Flat UI Palette by Flat UI Colors

TURQUOISEEMERALDPETER RIVERAMETHYSTWET ASPHALTSUN FLOWERCARROTALIZARINCLOUDSCONCRETE

GREEN SEANEPHRITISBELIZE HOLEWISTERIAMIDNIGHT BLUEORANGEPUMPKINPOMEGRANATESILVERASBESTOS

TURQUOISE

TURQUOISE

#1abc9c

turquoise : Color

rgb255 0x1a 0xbc 0x9c

turquoiseHex : String

#1abc9c

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x1a, green = 0xbc, blue = 0x9c }

EMERALD

EMERALD

#2ecc71

emerald : Color

rgb255 0x2e 0xcc 0x71

emeraldHex : String

#2ecc71

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x2e, green = 0xcc, blue = 0x71 }

PETER RIVER

PETER RIVER

#3498db

peterRiver : Color

rgb255 0x34 0x98 0xdb

peterRiverHex : String

#3498db

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x34, green = 0x98, blue = 0xdb }

AMETHYST

AMETHYST

#9b59b6

amethyst : Color

rgb255 0x9b 0x59 0xb6

amethystHex : String

#9b59b6

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x9b, green = 0x59, blue = 0xb6 }

WET ASPHALT

WET ASPHALT

#34495e

wetAsphalt : Color

rgb255 0x34 0x49 0x5e

wetAsphaltHex : String

#34495e

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x34, green = 0x49, blue = 0x5e }

GREEN SEA

GREEN SEA

#16a085

greenSea : Color

rgb255 0x16 0xa0 0x85

greenSeaHex : String

#16a085

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x16, green = 0xa0, blue = 0x85 }

NEPHRITIS

NEPHRITIS

#27ae60

nephritis : Color

rgb255 0x27 0xae 0x60

nephritisHex : String

#27ae60

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x27, green = 0xae, blue = 0x60 }

BELIZE HOLE

BELIZE HOLE

#2980b9

belizeHole : Color

rgb255 0x29 0x80 0xb9

belizeHoleHex : String

#2980b9

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x29, green = 0x80, blue = 0xb9 }

WISTERIA

WISTERIA

#8e44ad

wisteria : Color

rgb255 0x8e 0x44 0xad

wisteriaHex : String

#8e44ad

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x8e, green = 0x44, blue = 0xad }

MIDNIGHT BLUE

MIDNIGHT BLUE

#2c3e50

midnightBlue : Color

rgb255 0x2c 0x3e 0x50

#2c3e50

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x2c, green = 0x3e, blue = 0x50 }

SUN FLOWER

SUN FLOWER

#f1c40f

sunFlower : Color

rgb255 0xf1 0xc4 0x0f

sunFlowerHex : String

#f1c40f

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xf1, green = 0xc4, blue = 0x0f }

CARROT

CARROT

#e67e22

carrot : Color

rgb255 0xe6 0x7e 0x22

carrotHex : String

#e67e22

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xe6, green = 0x7e, blue = 0x22 }

ALIZARIN

ALIZARIN

#e74c3c

alizarin : Color

rgb255 0xe7 0x4c 0x3c

alizarinHex : String

#e74c3c

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xe7, green = 0x4c, blue = 0x3c }

CLOUDS

CLOUDS

#ecf0f1

clouds : Color

rgb255 0xec 0xf0 0xf1

cloudsHex : String

#ecf0f1

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xec, green = 0xf0, blue = 0xf1 }

CONCRETE

CONCRETE

#95a5a6

concrete : Color

rgb255 0x95 0xa5 0xa6

concreteHex : String

#95a5a6

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x95, green = 0xa5, blue = 0xa6 }

ORANGE

ORANGE

#f39c12

orange : Color

rgb255 0xf3 0x9c 0x12

orangeHex : String

#f39c12

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xf3, green = 0x9c, blue = 0x12 }

PUMPKIN

PUMPKIN

#d35400

pumpkin : Color

rgb255 0xd3 0x54 0x00

pumpkinHex : String

#d35400

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xd3, green = 0x54, blue = 0x00 }

POMEGRANATE

POMEGRANATE

#c0392b

pomegranate : Color

rgb255 0xc0 0x39 0x2b

#c0392b

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xc0, green = 0x39, blue = 0x2b }

SILVER

SILVER

#bdc3c7

silver : Color

rgb255 0xbd 0xc3 0xc7

silverHex : String

#bdc3c7

{ red : Int
, green : Int
, blue : Int
}

{ red = 0xbd, green = 0xc3, blue = 0xc7 }

ASBESTOS

ASBESTOS

#7f8c8d

asbestos : Color

rgb255 0x7f 0x8c 0x8d

asbestosHex : String

#7f8c8d

{ red : Int
, green : Int
, blue : Int
}

{ red = 0x7f, green = 0x8c, blue = 0x8d }

All Colors

TURQUOISEEMERALDPETER RIVERAMETHYSTWET ASPHALTSUN FLOWERCARROTALIZARINCLOUDSCONCRETE

GREEN SEANEPHRITISBELIZE HOLEWISTERIAMIDNIGHT BLUEORANGEPUMPKINPOMEGRANATESILVERASBESTOS

all : List Color

All Elm UI Colors

allHex : List String

All Hex Strings

List
{ red : Int
, green : Int
, blue : Int
}

All RGB Values

Light Colors

TURQUOISEEMERALDPETER RIVERAMETHYSTWET ASPHALTSUN FLOWERCARROTALIZARINCLOUDSCONCRETE

allLight : List Color

Light Elm UI Colors

allLightHex : List String

Light Hex Strings

List
{ red : Int
, green : Int
, blue : Int
}

Light RGB Values

Dark Colors

GREEN SEANEPHRITISBELIZE HOLEWISTERIAMIDNIGHT BLUEORANGEPUMPKINPOMEGRANATESILVERASBESTOS

allDark : List Color

Dark Elm UI Colors

allDarkHex : List String

Dark Hex Strings

List
{ red : Int
, green : Int
, blue : Int
}

Dark RGB Values

elm doc
preview
Open Files
Close Preview
Browse Source
    dmy@2025