Color Palette
The code::core color system is built around navy blue, gold accents, and ivory backgrounds. These colors work together to create a sophisticated, professional aesthetic while maintaining excellent readability and accessibility.
Use these hex codes and CSS variables in your designs. All colors have been carefully selected for digital and print applications.
Primary Brand Colors
Core colors that define the code::core brand identity
Navy
#0D2340CSS Variable:--navyUsage:Primary brand color, buttons, textGold
#B8922ACSS Variable:--goldUsage:Accents, highlights, hover statesIvory
#F9F6EFCSS Variable:--ivoryUsage:Background, cards, light surfacesBlue Scale
Extended blue palette for hierarchy and depth
Navy Dark
#0D2340CSS Variable:--navy-darkUsage:Primary brand navyBlue 800
#14305ACSS Variable:--blue-800Usage:Dark navy, deep backgroundsBlue 700
#1E4D8CCSS Variable:--blue-700Usage:Primary blue, prominent elementsBlue 500
#3970B8CSS Variable:--blue-500Usage:Links, secondary actionsBlue 300
#7AAAD6CSS Variable:--blue-300Usage:Light accents, bordersBlue 50
#EAF0FACSS Variable:--blue-50Usage:Light backgrounds, info statesNeutral & Supporting
Neutrals for text, borders, and structural elements
Ink
#1C1A16CSS Variable:--inkUsage:Primary text colorInk Mid
#3D3A32CSS Variable:--ink-midUsage:Secondary text, body copyInk Soft
#6B6760CSS Variable:--ink-softUsage:Tertiary text, muted contentRule
#D5CFC3CSS Variable:--ruleUsage:Borders, dividers, linesParch
#EDE8DCCSS Variable:--parchUsage:Subtle backgroundsStatus & Semantic
Colors for status messages, alerts, and feedback
Green
#2A6B43CSS Variable:--greenUsage:Success, positive actionsAmber
#9A5B0ACSS Variable:--amberUsage:Warning, caution, attentionRed
#8C2020CSS Variable:--redUsage:Error, danger, destructiveHow to Use Colors
In CSS
color: #0D2340; background: #F9F6EF; border: 1px solid #D5CFC3;
CSS Variables
color: var(--navy); background: var(--ivory); border: 1px solid var(--rule);
In Tailwind
bg-ivory text-navy border border-rule hover:bg-blue-50
Accessibility & Contrast
All color combinations in this palette have been tested for WCAG AA compliance. Primary text uses Navy on Ivory, meeting AAA standards for contrast. Secondary information uses Ink Mid with minimum AA compliance.