Twilit Cocoa color palette — #F0D9DF · #694000 · #253C00 · #001D2C · #060001

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

The five colors

• Shell Pink (#F0D9DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#694000): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#253C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

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

• Terracotta Atelier color palette (#EFDDEA, #971B01, #303600, #001E2A, #060003)
• Cocoa Lantern color palette (#FFE2EC, #653900, #281D11, #100D00, #040100)
• Antique Balcony color palette (#FFE5E9, #B05236, #693E00, #2A2100, #020300)
• Navy Canyon color palette (#CBE5DA, #4C4F00, #00401F, #040061, #070000)
• Navy Loft color palette (#ECE3D3, #A93435, #503800, #0E0067, #090100)
• Shadow Garnet color palette (#F4D8D0, #7B0026, #002A30, #240D0D, #00070D)
• Brick Quarry color palette (#F2D4EB, #BA2A00, #575800, #530C71, #060001)
• Dusty Aubergine Delta color palette (#D4E7DD, #706B00, #005948, #2F007F, #120400)

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