Charred Navy color palette — #DFE6F2 · #737000 · #0F0060 · #230B1F · #02001D

Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#DFE6F2): bright and airy, almost weightless.
• Olive (#737000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#0F0060): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#230B1F): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#02001D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

One click turns Charred Navy 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

• Cellar Courtyard color palette (#ECEFFF, #008243, #230051, #2A1123, #060017)
• Bronze Boulevard color palette (#E3F0FF, #9C590D, #001C3E, #1A0D13, #000410)
• Chalky Grove color palette (#D8E1F7, #A57C00, #31009D, #0C003A, #00000F)
• Softworn Basin color palette (#DDDCEC, #41A07F, #4D1C5B, #270031, #0C061F)
• Chalky Ultramarine Garden color palette (#F2E5F1, #85A500, #1251B5, #04245A, #050005)
• Antique Alley color palette (#E8E8F1, #ACA6B3, #92748E, #500079, #121125)
• Aubergine Lantern color palette (#F3F4FF, #58B78F, #59317C, #340F51, #181731)
• Hushed Navy color palette (#E6F0FE, #3B61C1, #4B2A00, #04007F, #040100)

Browse the whole catalog at Explore, or see today's palette.