Skip to content

Color System

Kreoza provides a default color palette for the organization. Each product inherits this palette as a starting baseline and overwrites only the styles it needs. This saves time choosing default colors while maintaining visual consistency across products.


Our default palette is initialized from the shadcn/ui Neutral Preset (preset=bciwM7zk) using OKLCH color space.


  1. Start with the Default: Always start with the organization’s default palette. Only override tokens when required by your product’s specific use-case or pillar.
  2. Neutral Canvas: Keep layout frames, containers, borders, and body text strictly monochromatic.
  3. Contrast Compliance: All body copy must maintain at least 4.5:1 contrast against its background (WCAG AA).
  4. Color Independence: Never rely on color alone for status—always pair colored indicators with text or icons.