v0.0.1 Refined Palette

Color System

Remitran's refined palette balances a vibrant Primary Cyan with a high-energy Pink Accent, set against a soothing, light blue-grey foundation.

Primary & Accent

Core Identity

Click to copy

Primary Cyan

Primary Action

Hex

#25C0F4

RGB37, 192, 244

Click to copy

Hot Accent

Highlights & Alerts

Hex

#FF2E93

RGB255, 46, 147

NEON

Cyan Glow

Shadow / Blur Effect

rgba(37, 192, 244, 0.25)

Gradient Usage

The background system utilizes a subtle interplay of these colors. A floating gradient at the bottom of the screen blends from Sky Blue (#BAE6FD) to Purple (#E9D5FF) to Pink (#FBCFE8) to create a soothing, "pinkish at bottom" atmosphere.

Base & Surface Layers

The Foundation

Solid Base

#F2F6FAFlat Color

Ambient Gradient

CompositeMain App Background

Glass Panel

bg-white/75blur-2xl

Semantic & Usage

Application

Success Green

#22C55E

Warning Amber

#FBBF24

Error Red

#EF4444

Interface Examples

Primary CTA

Semantic Notification

New Alert

Please verify your identity to continue.

Technical Implementation Details

Neon Shadow

Shadow

CSS ValueBox Shadow

0 0 20px rgba(37, 192, 244, 0.25)

Tailwind Utility

shadow-neon

Ambient Gradient

Background

Bottom Glow

Tailwind ClassesLinear Gradient

bg-gradient-to-r from-sky-200/20 via-purple-100/20 to-pink-200/20

Blur Effect

blur-[90px]