#000000
Background
#FFFFFF
Text
#00FF00
Headers
#FF00FF
Links
#FF69B4
Pop That Gum
#C71585
Very Berry
#00CC00
Tunic Green
#009900
Islamic Green
#D5006D
Magenta Elephant
#FFFF00
Tags
#FFD700
Gold
#FFC300
Mikado Yellow
#333333
Search Input
#AAAAAA
Moon Landing
#A0004D
Berry
Palette Description
<Dark Neon Space Theme with States>
1. Background -
#000000
- A deep black color for the primary background.
2. Text -
#FFFFFF
- Pure white for main text, ensuring high readability.
3. Headers -
#00FF00
- Neon green for headers, providing a vibrant focal point.
4. Links -
#FF00FF
- Neon magenta for links, which stands out against the dark background.
- Hover State -
#FF69B4
- Lighter pink for hover state on links, creating a visual cue for interactivity.
- Active State -
#C71585
- Darker pink for active state on links, indicating selection.
5. Primary Action Button -
#00FF00
- Neon green for primary action buttons.
- Hover State -
#00CC00
- A slightly darker green for hover state, indicating actionability.
- Active State -
#009900
- Even darker green for the active state, enhancing feedback.
6. Secondary Action Button -
#FF00FF
- Neon magenta for secondary action buttons.
- Hover State -
#D5006D
- A softer magenta for hover state, providing feedback to the user.
- Active State -
#A0004D
- Darker magenta for active state, indicating selection.
7. Tags -
#FFFF00
- Bright yellow for tags, ensuring visibility.
- Hover State -
#FFD700
- Golden yellow for hover state, enhancing the interactive feel.
- Active State -
#FFC300
- A deeper shade of yellow for the active state.
8. Search Input -
#333333
- Dark gray for the search input background, providing contrast for text.
- Placeholder Text -
#AAAAAA
- Light gray for placeholder text, ensuring it is visible but subtle.
- Focused State -
#00FF00
- Neon green outline when the input is focused, drawing attention to it.
This expanded color palette not only defines colors for various interface elements but also includes hover and active states, enhancing user interaction and feedback. The neon colors against the dark background maintain the brutalist theme while ensuring usability and accessibility.
Would you like to explore any additional elements or variations on the current palette?