Charred Sapphire color palette — #F1DFF0 · #2870E1 · #281C42 · #0B000B · #000201
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1DFF0): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#2870E1): A full-bodied, vivid blue — the color of open sky before noon.
- Deep Indigo (#281C42): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#0B000B): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Charred Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cobalt Parlor color palette (#CEEEE3, #007EBD, #1D1F49, #131F22, #000503)
- Cornflower Terrace color palette (#CEE2FF, #4684FF, #49507B, #243042, #01050D)
- Smoked Amethyst color palette (#F5DEE9, #7D4EEC, #381338, #201412, #0C0006)
- Eclipse Ultramarine Market color palette (#D0E2FC, #104CB4, #181435, #00081B, #050100)
- Antique Lilac Dune color palette (#FFF0F7, #A08DE8, #5F3A40, #2A1721, #080408)
- Frosted Iris color palette (#FFF0F8, #8C7DF5, #938300, #007F51, #1B0312)
- Lowlit Aubergine color palette (#ECD9E0, #6900AB, #323D37, #230E13, #10000B)
- Hushed Azure color palette (#FCF3ED, #C8ECFF, #4994E9, #006A6A, #151941)
Browse the whole catalog at Explore, or see today's palette.