Criado em 05/30/2025 19:51
Appframe Design System
- Primary Creamspace#fff5e0
- Secondary UI Mist#f2fcfb
- Accent Status Rose#ffabc4
- Accent Aqua Draft#c8fff1
- Surface Panel White#ffffff
- Text Frame Black#1e1e1e
A paleta consiste em cores Luz, Escuro. Cores de destaque Primary Creamspace #fff5e0 e Accent Aqua Draft #c8fff1. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1E1E1E, #C8FFF1, #F2FCFB, #FFABC4, #FFF5E0, #FFFFFF
A paleta Appframe Design System tem uma combinação de cores de códigos de 6:
HEX: #fff5e0, RGB: (255, 245, 224); HEX: #f2fcfb, RGB: (242, 252, 251); HEX: #ffabc4, RGB: (255, 171, 196)
HEX: #c8fff1, RGB: (200, 255, 241); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e1e1e, RGB: (30, 30, 30)
Versão simplificada das cores da paleta
Matiz de oldlace, Matiz de mintcream, Matiz de lightpink, Sombra de paleturquoise, Branco, Sombra de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Appframe Design System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff5e0 | #fff5e0 | RGB(255, 245, 224) | Primary Creamspace | Creamy Cloud Dreams |
| #f2fcfb | #f2fcfb | RGB(242, 252, 251) | Secondary UI Mist | — |
| #ffabc4 | #ffabc4 | RGB(255, 171, 196) | Accent Status Rose | — |
| #c8fff1 | #c8fff1 | RGB(200, 255, 241) | Accent Aqua Draft | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Panel White | White |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Text Frame Black | — |
Contraste da Paleta de Cores
10 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 |
#fff5e0 | #f2fcfb | 1.03 |
#fff5e0 | #ffabc4 | 1.63 |
#fff5e0 | #c8fff1 | 1.01 |
#fff5e0 | #ffffff | 1.08 |
#f2fcfb | #ffabc4 | 1.69 |
#f2fcfb | #c8fff1 | 1.05 |
Paleta de imagens Appframe Design System png
Exportar paleta
Baixe a "Appframe Design System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: