fintech Color System
Wise's website is a bold, confident fintech platform that communicates "money without borders" throu...
Wise's website is a bold, confident fintech platform that communicates "money wi...
Wise uses #0e0f0c as the primary accent for interactive elements
Carefully selected 8 colors for fintech applications
Clean, minimalist approach with purposeful color usage
#0e0f0c
Primary text, background for dark sections
#9fe870
Primary CTA button, brand accent
#163300
Button text on green, deep green accent
#e2f6d5
Soft green surface, badge backgrounds
#cdffad
`--color-interactive-contrast-hover`, hover accent
#054d28
`--color-sentiment-positive-primary`, success
#d03238
`--color-interactive-negative-hover`, error/destructive
#ffd11a
`--color-sentiment-warning-hover`, warnings
/* Wise Color System */
:root {
--wise-near-black: #0e0f0c;
--wise-wise-green: #9fe870;
--wise-dark-green: #163300;
--wise-light-mint: #e2f6d5;
--wise-pastel-green: #cdffad;
--wise-positive-green: #054d28;
--wise-danger-red: #d03238;
--wise-warning-yellow: #ffd11a;
}
/* Example usage */
.wise-button-primary {
background-color: var(--wise-near-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}