Axiom Design System

Foundation

Colors

Typography

Spacing

Icons

Core Components

Button

Checkbox

New

Dropdown Menu

Input

Menu

Modal

Pagination

Progress

Radio Group

Switch

Tabs

Choicebox

Pending

Codeblock

Pending

Hover Card

Pending

Notification

Pending

Sidebar

Pending

Skeleton

Pending

Textarea

Pending

Toast

Pending

Toggle

Pending

Tooltip

Pending

Patterns

Alert Dialog

Form

Sidebar

Colors

Foundational colors with purpose

Ready to use

Neutrals

Neutral White

#FFFFFF

Neutral Lightest

#F2F2F2

Neutral Lighter

#D8D9D9

Neutral Light

#B2B4B4

Neutral

#808283

Neutral Dark

#4D5052

Neutral Darker

#1A1E20

Neutral Darkest

#010608

Matisse

Matisse Lightest

#F3FAFC

Matisse Lightest

#F3FAFC

Matisse Lighter

#D3EAF2

Matisse

#67B8D2

Matisse Darker

#279ABF

Matisse Darkest

#187C9B

Matisse Darkest

#0E7490

Matisse Darkest

#09313E

Matisse Darkest

#07252E

Vivid Tangerine

Vivid Tangerine Lightest

#FEF4F1

Vivid Tangerine Lighter

#FEEAE4

Vivid Tangerine Light

#FCB6A3

Vivid Tangerine

#FB977C

Vivid Tangerine Dark

#C87863

Vivid Tangerine Darker

#643C31

Vivid Tangerine Darkest

#4B2D25

Desert Storm

Desert Storm Lightest

#FDFDFD

Desert Storm Lighter

#F9F8F6

Desert Storm Light

#F5F4F3

Desert Storm

#F1F0EE

Desert Storm Dark

#C0C0BE

Desert Storm Darker

#60605F

Desert Storm Darkest

#484847

Gin

Gin Lightest

#FBFDFC

Gin Lighter

#F8FBF9

Gin Light

#E9F1EB

Gin

#E0EBE3

Gin Dark

#B3BCB5

Gin Darker

#595E5A

Gin Darkest

#434644

Whisper

Whisper Lightest

#FDFDFE

Whisper Lighter

#FCFBFD

Whisper Light

#F5F1F8

Whisper

#F2ECF5

Whisper Dark

#C1BCC4

Whisper Darker

#605E62

Whisper Darkest

#484649