Nomikai

Brand Guidelines

Color Palette

Color Palette on Coolors

Tailwind Config File Example

Brand Colors

Rose	Turquoise	Azure	Light Blue	Aquamarine	Slate Gray
#fe017f	#3edfcf	#f0ffff	#add8e6	#7efed2	#697b8c

---

Primary Colors

Rose |

Default	Light	Dark
#fe017f	#ffebf5	#650133

100	200	300	400	500	600	700	800	900
#ffcce6	#fe9acc	#fe67b3	#fe3499	#fe017f	#cb0166	#98014d	#650133	#33001a

Turquoise |

Default	Light	Dark
#3edfcf	#ecfcfa	#189387

100	200	300	400	500	600	700	800	900
#d8f9f5	#b2f2ec	#8bece2	#65e6d9	#3edfcf	#20c4b4	#189387	#10625a	#08312d

Secondary Colors

Azure |

Default	Light	Dark
#f0ffff	#fdffff	#00c6c6

100	200	300	400	500	600	700	800	900
#fcffff	#f9ffff	#f6ffff	#f3ffff	#f0ffff	#8dffff	#2affff	#00c6c6	#006363

Light Blue |

Default	Light	Dark
#add8e6	#fdffff	#3999b9

100	200	300	400	500	600	700	800	900
#eff7fa	#deeff5	#cee7f0	#bde0eb	#add8e6	#6fbad3	#3999b9	#26667b	#13333e

Aquamarine |

Default	Light	Dark
#7efed2	#f2fffa	#029763

100	200	300	400	500	600	700	800	900
#e6fff6	#cdfeed	#b3fee4	#9afedb	#7efed2	#35fdb7	#02e394	#029763	#014c31

Blacks & Grays

Slate Gray |

Default	Light	Dark
#697b8c	#f0f2f4	#2A3138

100	200	300	400	500	600	700	800	900
#e1e5e8	#c3cad1	#a4b0bb	#8695a4	#697b8c	#546270	#3f4a54	#2a3138	#15191c

Dark Blue |

Default	Light	Dark
#1c33f	#e2ecf2	#0b1419

100	200	300	400	500	600	700	800	900
#c5dae5	#8cb5cb	#5290b1	#366279	#1c333f	#172933	#111f26	#0b1419	#060a0d

Eerie Black |

Default	Light	Dark
#1b1e22	#e6e8eb	#0b0c0e

100	200	300	400	500	600	700	800	900
#cdd1d7	#9ba4af	#6b7786	#434a54	#1b1e22	#16181b	#101214	#0b0c0e	#050607

Success | Error Messages

Chartreuse |

Default	Light	Dark
#80ff00	#f2ffe5	#336600

100	200	300	400	500	600	700	800	900
#e6ffcc	#ccff99	#b3ff66	#99ff33	#80ff00	#66cc00	#4d9900	#336600	#1a3300

Folly |

Default	Light	Dark
#ff004f	#ffe5ee	#660020

100	200	300	400	500	600	700	800	900
#ffccdc	#ff99b9	#ff6696	#ff3374	#ff004f	#cc0041	#990030	#660020	#330010

Logo

	Image
Icon
Logo Black
Logo White
Logo w/ Icon Black
Logo w/ Icon White

Typography

	Font	Link
Logo	Skia	https://www.ffonts.net/Skia.font.download
Text	Droid Sans	https://fonts.googleapis.com/css?family=Droid Sans
Code	Fire Coda	https://fonts.googleapis.com/css2?family=Fira+Code