Aksara Logo

Color

The colors in our palette come from our brand and the authenticity of craftsmanship from our design team. We always enhance the user experience from the brand, marketing to the product into a single unified within the Kata Design Language System.

Primary

Primary colors are the main colors and used to define our brand. It used in Kata Platform for the main button, actions, links, and navigation.

Cobalt

#102a59

C03 - cobalt03

Dark Cobalt

#2053af

C02 - cobalt02

Cobalt

#5587e0

C01 - cobalt01

Light Cobalt

Kata Blue

#003e80

K03 - kata03

Dark Kata

#006fe6

K02 - kata02

Kata

#4da3ff

K01 - kata01

Light Kata

Secondary

Our secondary palette consists of green, red and yellow which are creatively named with references from nature. The green palette is used for successful conditions, the red palette is for error conditions, and the yellow palette is used for warning and draw attention conditions. The secondary palette is used in the following components: action buttons, warning messages, labels, tags, badges, and form validation.

Lizard - Green

#658f3d

G03 - green03

Green Iguana

#59a444

G02 - green02

Chameleon

#00ea61

G01 - green01

Gecko

Tomato - Red

#af1a16

R03 - red03

Tomato Ketchup

#dc211c

R02 - red02

Fresh Tomato

#fc6627

R01 - red01

Cherry Tomato

Bee - Yellow

#ebc902

Y03 - yellow03

Carpenter Bee

#fde034

Y02 - yellow02

Bumblebee

#feef99

Y01 - yellow01

Honey Bee

Neutral

The neutral palette is used as an additional color palette in Kata Platform. It is used in text, lines, background and support button. Neutral palettes do also use for something we don’t want to draw too much attention to certain sections or convey information for disable mode.

Asphalt - Dark Neutral

#2b2f33

N09 - neutral09

Rainy Asphalt

#484c4f

N08 - neutral08

Warm Asphalt

#676b6d

N07 - neutral07

Porous Asphalt

Smoke - Mid Neutral

#949a9d

N06 - neutral06

Wildfire Smoke

#c2c7c8

N05 - neutral05

Gas Smoke

#e2e6e8

N04 - neutral04

Vape Smoke

Ghost - Light Neutral

#edf1f2

N03 - neutral03

Spooky Ghost

#f6f7f8

N02 - neutral02

Kaonashi

#ffffff

N01 - neutral01

Casper