# 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 is 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](https://xiry.app/topics/design.md)
- Topic: [Color Palettes](https://xiry.app/topics/design/color-palettes.md)
- 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, 13 January 2025](https://www.instagram.com/p/DEwiUreTenk/): Provides ready-to-copy hex codes for vibrant accents and balanced neutral tones that stand out cleanly on dark UI and graphic compositions.

## Related

- [Coolors](https://xiry.app/resources/coolors): Fast color palette generator, scheme explorer, and contrast tool for designers. (Web app, Freemium)
- [A Guide to Choosing Color Palette for Brand](https://xiry.app/resources/a-guide-to-choosing-color-palette-for-brand): Brand design reference guide explaining color theory and color spaces. (Article or course, Free)
- [Colormind](https://xiry.app/resources/colormind): AI-powered color scheme generator that previews palettes on UI templates (Web app, Free)
- [Curated Graphic Design Color Palettes](https://xiry.app/resources/curated-graphic-design-color-palettes): Four ready-to-use 4-color palettes with hex codes for branding and design (Tip, Free)
- [uxdam Shades of Gray — Light vs. Dark Mode Palette](https://xiry.app/resources/uxdam-shades-of-gray-light-vs-dark-mode-palette): Matched gray color palette cheat sheet for light and dark UI modes (Framework, Free)
- [Dirtyline Studio](https://xiry.app/resources/dirtyline-studio): Type foundry offering modern display fonts and free typography assets (Website, Freemium)

Updated 3 October 2026. Page: https://xiry.app/resources/kalypso-s-dark-mode-design-color-palette

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.