Smoked Cocoa color palette — #E4E8FE · #006A7E · #863700 · #100A04 · #030100

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#E4E8FE): A whisper-light, dusty violet — the color of wild irises.
• Peacock (#006A7E): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#863700): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#100A04): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Smoked Cocoa 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

• Shadow Mulberry color palette (#E2DBED, #006D69, #99003E, #130603, #040000)
• Tempered Rust Study color palette (#E0E2FF, #008D89, #B64700, #140900, #060003)
• Chestnut Corridor color palette (#ECDDCD, #6D5500, #273231, #200F00, #020100)
• Lapis Workshop color palette (#FFE4DD, #3E4FFF, #785D00, #0B0D04, #020100)
• Softworn Coast color palette (#F6E8FF, #0085D4, #876F00, #090E03, #020100)
• Tempered Olive Corridor color palette (#E7E2D4, #8F8F7C, #617431, #302A00, #020100)
• Softworn Lantern color palette (#D8EEF2, #009C46, #916C00, #0A100B, #000200)
• Hushed Bronze Villa color palette (#E0E3F0, #00A7BF, #AF7B00, #1A0E00, #040200)

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