Design · Tip
Kalypso's Dark-Mode Design Color Palette
Curated accent and neutral hex color palette for dark-themed designs
This reference palette pairs neutral grays and off-white bases with vibrant accent colors tailored for dark-mode layouts. Curated by designer Kalypso, the set provides high-contrast hex codes suitable for modern typography and graphic compositions.
How it works
Curated Hex Colors:
- Warm Off-White / Cream: #CDCABB
- Medium Neutral Gray: #606060
- Electric Orange: #FF4C00
- Deep Charcoal Gray: #3E3E3E
- Bright Accent Red: #EC0E00
- Electric / Cobalt Blue: #4F56EC
- Soft Periwinkle Blue: #8CA2CF
- Deep Slate Navy / Gray: #39404D
Bonus Typography Note:
- Font shown on slide 5: FT System
- Ink trap definition: Space intentionally cut into letter intersections to avoid ink pooling, now commonly used as a modern stylistic display detail.
What it's for
- Choose accent colors for dark-mode UI designs
- Style modern typography and graphic posters on dark backgrounds
- Select high-contrast neutral tones for readable text layers
Key points
- Neutral base tones including Warm Off-White (#CDCABB), Medium Gray (#606060), and Deep Charcoal (#3E3E3E)
- High-contrast warm accents: Electric Orange (#FF4C00) and Bright Red (#EC0E00)
- Cool accent tones: Electric Cobalt Blue (#4F56EC) and Soft Periwinkle Blue (#8CA2CF)
- Deep background/neutral variant: Deep Slate Navy (#39404D)
- Recommended typography pairing: FT System typeface featuring modern ink traps
Pricing
Free
Details
- Type
- Tip
- Category
- Design
- Topic
- Color Palettes
- Open source
- No
- Platforms
- other
- For
- UI designers, graphic designers, and typographers working on dark-theme projects
- Tags
- color palette, dark mode, hex codes, typography, graphic design
Why it was saved
- @kalypsodesigns: Provides ready-to-copy hex codes for vibrant accents and balanced neutral tones that stand out cleanly on dark UI and graphic compositions.
Related
Fast color palette generator, scheme explorer, and contrast tool for designers.
Brand design reference guide explaining color theory and color spaces.
AI-powered color scheme generator that previews palettes on UI templates
Four ready-to-use 4-color palettes with hex codes for branding and design
Matched gray color palette cheat sheet for light and dark UI modes
Type foundry offering modern display fonts and free typography assets
Updated