Twilit Cocoa Terrace color palette — #FCEBD9 · #633C00 · #1A2800 · #100027 · #020100

Built around Bronze, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Cream (#FCEBD9): A whisper-light, dusty gold — the color of old brass.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#1A2800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#100027): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Fern Quarry color palette (#F6DFCD, #414D00, #002A22, #1A0013, #000200)
• Smoked Garnet Garden color palette (#FCEED4, #87001D, #301F00, #000B1B, #030000)
• Velvet Spruce color palette (#FEE7CE, #605A22, #004222, #26092A, #0B0001)
• Wandering Lagoon Orchard color palette (#F8E7DF, #328788, #004351, #002112, #000103)
• Worn Rust color palette (#FCEACB, #C14500, #6D6100, #004D25, #010100)
• Frosted Aubergine color palette (#EBDFD4, #8F7600, #005C2C, #401056, #0E1000)
• Softworn Emerald color palette (#FCDECE, #00993D, #005D66, #600023, #00170F)
• Washed Moss Orchard color palette (#FFEEE2, #89A861, #007C73, #673053, #21250A)

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