By ToolzHive · Updated
Original inspiration palettes, not pre-certified accessible themes. Check the specific pairs and roles used in your design.
Visual library
Ink and honey
#0F172A #334155 #F59E0B #FDE68A #FFFBEB
Ocean glass
#083344 #0E7490 #22D3EE #A5F3FC #ECFEFF
Forest paper
#14532D #15803D #86EFAC #DCFCE7 #F8FAFC
Violet dusk
#2E1065 #6D28D9 #A78BFA #DDD6FE #F5F3FF
Rose clay
#4C0519 #BE123C #FB7185 #FECDD3 #FFF1F2
Neutral studio
#171717 #525252 #A3A3A3 #E5E5E5 #FAFAFA
Reference table
| Palette | HEX colors |
|---|---|
| Ink and honey | #0F172A #334155 #F59E0B #FDE68A #FFFBEB |
| Ocean glass | #083344 #0E7490 #22D3EE #A5F3FC #ECFEFF |
| Forest paper | #14532D #15803D #86EFAC #DCFCE7 #F8FAFC |
| Violet dusk | #2E1065 #6D28D9 #A78BFA #DDD6FE #F5F3FF |
| Rose clay | #4C0519 #BE123C #FB7185 #FECDD3 #FFF1F2 |
| Neutral studio | #171717 #525252 #A3A3A3 #E5E5E5 #FAFAFA |
Assign roles
Choose background, text, muted surface, accent and border roles. Test focus indicators and error states separately.
Check contrast
A palette does not guarantee every pair is readable. Distinguish chart categories with labels or patterns as well as color.
Try the related tools
- Color Palette Generator — Create harmonious palettes: complementary, triadic, analogous and random.
- Contrast Checker — Check text and background contrast against WCAG AA and AAA.