TinyToki Color Palette

Primary (Soft Coral)

Primary (Soft Coral)#FF6F61

Accent (Honey Yellow)

Accent (Honey Yellow)#F8C471

Secondary (Sky Blue)

Secondary (Sky Blue)#A6DCEF

Highlight (Mint Green)

Highlight (Mint Green)#A8E6CF

Background (Creamy White)

Background (Creamy White)#FFF9F1

Text Primary (Graphite)

Text Primary (Graphite)#3B3B3B

Text Soft (Cloud Gray)

Text Soft (Cloud Gray)#828282

Button Styles

Card Styles

Standard Card

A simple card component with subtle shadow and rounded corners.

Highlighted Card

A card with a colored accent border to draw attention.

Primary Card

A bold card with primary background color.

Accent Card

A warm card with accent background color.

Secondary Card

A calming card with secondary background color.

Highlight Card

A refreshing card with highlight background color.

Form Elements

Name

Age Group

Interests (select up to 3)

Additional Information

Typography

Heading 1 (Primary)

Font: Montserrat Bold, Primary Color

Heading 2 (Default)

Font: Montserrat Bold, Text Primary Color

Heading 3

Font: Montserrat Semibold, Text Primary Color

Regular paragraph text. This is the default body text used throughout the application. It uses the primary text color for high readability and contrast against the light background.

Secondary text for less important information. This softer color helps create visual hierarchy and guides the user through the interface.

Badge & Tag Styles

3-4 yearsArt & CreativityIndoor activity15 minutesOutline Badge