Cocoa Loft color palette — #FDDDEE · #793100 · #002F3E · #001231 · #040213

Rust and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FDDDEE): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#793100): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040213): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Cellar Veranda color palette (#FAE2EB, #5B3100, #00222C, #230D05, #12001E)
• Nocturne Archive color palette (#EAD9F3, #88004A, #003228, #001527, #02030E)
• Eclipse Navy color palette (#D1ECD0, #654200, #00265F, #19003C, #0D001D)
• Lowlit Balcony color palette (#EAE0CC, #594700, #073402, #001413, #040000)
• Weathered Harbor color palette (#F3D5DE, #8E5800, #3F4C00, #002F23, #170001)
• Bronze Field color palette (#FEEAE8, #A36F00, #005320, #221F4E, #20012E)
• Navy Thicket color palette (#F8EAF2, #4D9AB9, #00488F, #003129, #120839)
• Aged Raspberry color palette (#F7EBDE, #F00B72, #965E00, #006023, #0F0A00)

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