Twilit Cocoa Bloom color palette — #FAD3E0 · #6E4000 · #004350 · #2F1800 · #000102

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FAD3E0): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6E4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Smoked Lagoon color palette (#FCDDF6, #92030D, #004352, #410102, #000102)
• Charred Cocoa color palette (#F2DDCD, #5A2F00, #00364E, #111B36, #030100)
• Cellar Basin color palette (#DFF5E6, #735100, #332A2F, #191300, #020100)
• Washed Bronze Quarry color palette (#F6E0CF, #A64E00, #005E78, #471D00, #000102)
• Velvet Navy color palette (#DAEDE4, #514F00, #192A91, #202000, #00000B)
• Deep Lapis color palette (#E5D9F0, #4B1BF7, #6F4A00, #0B100A, #000200)
• Muted Ultramarine color palette (#D7F4E7, #6E7000, #0053B2, #383900, #00071A)
• Powdered Apricot color palette (#FFECF3, #ED8C25, #007BBD, #864A00, #00233A)

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