Criado em 06/05/2025 19:41
Tailwind Developer Dreamscape
Utility Blue
#1fb6ff
Spacing Sand
#f7e9d7
Breakpoints Plum
#7c6a93
Opacity Shell
#fdf6f0
Z-Index Moss
#819c79
Hover Cream
#fff5e1
A paleta consiste em cores Luz. Cores de destaque Utility Blue #1fb6ff e Hover Cream #fff5e1. A paleta tem Legal, Neutro temperatura de cores.
A paleta Tailwind Developer Dreamscape tem uma combinação de cores de códigos de 6:
HEX: #1fb6ff, RGB: (31, 182, 255); HEX: #f7e9d7, RGB: (247, 233, 215); HEX: #7c6a93, RGB: (124, 106, 147)
HEX: #fdf6f0, RGB: (253, 246, 240); HEX: #819c79, RGB: (129, 156, 121); HEX: #fff5e1, RGB: (255, 245, 225)
Versão simplificada das cores da paleta
Sombra de deepskyblue, Matiz de antiquewhite, Matiz de mediumpurple, Matiz de floralwhite, Matiz de darkseagreen, Sombra de oldlace
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Tailwind Developer Dreamscape códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1fb6ff | #1fb6ff | RGB(31, 182, 255) | Utility Blue | — |
| #f7e9d7 | #f7e9d7 | RGB(247, 233, 215) | Spacing Sand | — |
| #7c6a93 | #7c6a93 | RGB(124, 106, 147) | Breakpoints Plum | — |
| #fdf6f0 | #fdf6f0 | RGB(253, 246, 240) | Opacity Shell | — |
| #819c79 | #819c79 | RGB(129, 156, 121) | Z-Index Moss | — |
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | Hover Cream | — |
Contraste da Paleta de Cores
6 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 |
#1fb6ff | #f7e9d7 | 1.91 |
#1fb6ff | #819c79 | 1.31 |
#f7e9d7 | #fdf6f0 | 1.11 |
#f7e9d7 | #fff5e1 | 1.1 |
#7c6a93 | #819c79 | 1.6 |
#fdf6f0 | #fff5e1 | 1.01 |
Paleta de imagens Tailwind Developer Dreamscape png
Exportar paleta
Baixe a "Tailwind Developer Dreamscape" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: