Twilit Cocoa color palette — #FFDFCD · #8A2E00 · #004750 · #3C0F00 · #000709

Rust and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDFCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#8A2E00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004750): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#3C0F00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000709): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

One click turns Twilit 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

• Eclipse Mulberry Quarry color palette (#FAE3E2, #88205D, #00484A, #400027, #000808)
• Patina Terracotta Delta color palette (#FAD8CC, #944200, #4B2200, #1F281F, #150500)
• Navy Courtyard color palette (#E9E2D5, #644E00, #003C7E, #2A1F00, #000515)
• Brick Thicket color palette (#FFE6D8, #BA2E00, #006375, #681500, #00070A)
• Frosted Nightshade Balcony color palette (#F0EAD6, #646300, #2F30B8, #2F2E00, #07003D)
• Gentle Hollow color palette (#F4D8C3, #BD6223, #0070AF, #743400, #002B48)
• Muted Brick color palette (#DEDEEE, #007EAD, #B02D00, #160A01, #050100)
• Muted Canyon color palette (#F4DFF2, #E3263F, #007BA4, #A00023, #00070D)

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