Twilit Cocoa Harbor color palette — #FFE7FA · #5C4100 · #002B18 · #180018 · #010100

Bronze and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFE7FA): A whisper-light, dusty pink — the color of a candy shop window.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002B18): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#180018): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

One click turns Twilit Cocoa Harbor 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 color palette (#DFF7E4, #4A4F00, #002C14, #0D0033, #020400)
• Charred Garnet color palette (#F9DDC3, #82180F, #262400, #0C002C, #030100)
• Inked Bloom color palette (#F1DBD4, #5E5D34, #004135, #2F0101, #0B0000)
• Emerald Corridor color palette (#FFE6F4, #009763, #00597F, #541E00, #001615)
• Worn Boulevard color palette (#CFE9E1, #AF6700, #576200, #00424A, #000200)
• Misty Garnet color palette (#F5EAF8, #857A00, #00594D, #540032, #071200)
• Navy Field color palette (#F4E6ED, #4B8196, #003B73, #00201A, #01000A)
• Antique Archive color palette (#FEEBFD, #82A87A, #00788E, #732B2E, #00292B)

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