fintech Color System
Revolut's website is fintech confidence distilled into pixels — a design system that communicates "y...
Revolut's website is fintech confidence distilled into pixels — a design system ...
Revolut uses #191c1f as the primary accent for interactive elements
Carefully selected 8 colors for fintech applications
Clean, minimalist approach with purposeful color usage
#191c1f
Primary dark surface, button background, near-black text
#ffffff
`--rui-color-action-label`, primary light surface
#f4f4f4
Secondary button background, subtle surface
#494fdf
`--rui-color-blue`, primary brand blue
#4f55f1
`--rui-color-action-photo-header-text`, header accent
#376cd5
`--website-color-blue-text`, link blue
#e23b4a
`--rui-color-danger`, error/destructive
#e61e49
`--rui-color-deep-pink`, critical accent
/* Revolut Color System */
:root {
--revolut-revolut-dark: #191c1f;
--revolut-pure-white: #ffffff;
--revolut-light-surface: #f4f4f4;
--revolut-revolut-blue: #494fdf;
--revolut-action-blue: #4f55f1;
--revolut-blue-text: #376cd5;
--revolut-danger-red: #e23b4a;
--revolut-deep-pink: #e61e49;
}
/* Example usage */
.revolut-button-primary {
background-color: var(--revolut-revolut-dark);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}