Charred Canyon color palette — #F3E2D2 · #5C3400 · #002B29 · #0D001F · #020100

Cocoa and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E2D2): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5C3400): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002B29): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0D001F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Onyx Quarry color palette (#E3F4E1, #442500, #001A1F, #090027, #070001)
• Obsidian Basalt Alley color palette (#EEE4C3, #3F3F00, #27302D, #070B06, #000200)
• Shadow Garnet color palette (#F7D7CE, #7C0029, #002722, #070019, #040000)
• Shadow Chestnut Grove color palette (#EFDAC4, #855900, #1C3B00, #140029, #020100)
• Hushed Quarry color palette (#FEE6D7, #9B7300, #404300, #031800, #000201)
• Weathered Ridge color palette (#EDE6DE, #C0BBA8, #93956F, #513600, #020100)
• Navy Boulevard color palette (#F2EDD7, #575C00, #060099, #270004, #010100)
• Ancient Courtyard color palette (#EDFBDF, #00A57C, #1A4AFF, #800036, #020700)

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