Criado em 07/14/2025 07:50
Composable Low-Code Design Framework
Module Violet
#cdb4db
Logic Grey
#9aa0a8
Canvas White
#fefefe
Element Aqua
#9bf6ff
Action Coral
#ff847c
Token Indigo
#7b6cf6
A paleta consiste em cores Luz. Cores de destaque Element Aqua #9bf6ff e Action Coral #ff847c. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Composable Low-Code Design Framework tem uma combinação de cores de códigos de 6:
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #9aa0a8, RGB: (154, 160, 168); HEX: #fefefe, RGB: (254, 254, 254)
HEX: #9bf6ff, RGB: (155, 246, 255); HEX: #ff847c, RGB: (255, 132, 124); HEX: #7b6cf6, RGB: (123, 108, 246)
Versão simplificada das cores da paleta
Matiz de thistle, Matiz de darkgrey, Matiz de Branco, Sombra de paleturquoise, Sombra de salmon, Sombra de mediumslateblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Composable Low-Code Design Framework códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Module Violet | — |
| #9aa0a8 | #9aa0a8 | RGB(154, 160, 168) | Logic Grey | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Canvas White | White as Heaven |
| #9bf6ff | #9bf6ff | RGB(155, 246, 255) | Element Aqua | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Action Coral | — |
| #7b6cf6 | #7b6cf6 | RGB(123, 108, 246) | Token Indigo | — |
Contraste da Paleta de Cores
9 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#cdb4db | #9aa0a8 | 1.39 |
#cdb4db | #fefefe | 1.86 |
#cdb4db | #9bf6ff | 1.52 |
#cdb4db | #ff847c | 1.26 |
#9aa0a8 | #ff847c | 1.1 |
#9aa0a8 | #7b6cf6 | 1.49 |
