Twilit Cocoa Cabin color palette — #F3D6E2 · #763D00 · #00380F · #001836 · #040000

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3D6E2): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#763D00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00380F): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#001836): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Obsidian Onyx Archive color palette (#D9EFDF, #554200, #00352D, #150054, #030000)
• Nocturne Brick Garden color palette (#ECDBEA, #A70223, #323B00, #001C30, #0C0002)
• Hushed Bronze Villa color palette (#FFE7E8, #AB5521, #5F3F00, #241D00, #030800)
• Softworn Terracotta color palette (#DBF0DD, #AB381F, #493A00, #150061, #0C0300)
• Bronze Study color palette (#F8EEE3, #945800, #3F5400, #003446, #110001)
• Twilit Mulberry color palette (#EADBF5, #820053, #00374B, #0C0059, #0B0010)
• Weathered Navy color palette (#D2F2DD, #796500, #005345, #210076, #0D0200)
• Cocoa Terrace color palette (#EAE2E7, #ADB6AC, #739783, #732800, #14050F)

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