Twilit Cocoa Loft color palette — #FBEAE1 · #6A2E00 · #00263C · #001321 · #020007
Built around Rust, softened by Midnight — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
- Rust (#6A2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Midnight (#00263C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001321): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Twilit 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
- Midnight Basalt color palette (#EAEAD8, #3E4500, #002244, #000D21, #040000)
- Garnet Villa color palette (#F5DBD3, #7A0025, #002144, #170038, #060003)
- Smoked Onyx color palette (#FFE3F0, #803700, #003D3A, #00084C, #040001)
- Washed Basalt color palette (#FAECD3, #4C5957, #433400, #1A2321, #010900)
- Chestnut Study color palette (#FAE5E3, #935400, #483800, #0F1D00, #000201)
- Weathered Olive Parlor color palette (#EDE0D4, #AA9F87, #818037, #542900, #090300)
- Aubergine Parlor color palette (#F5EFDE, #666500, #401F89, #280D5D, #0F0000)
- Wandering Blush Alley color palette (#FFEDE9, #C9778E, #4D65A3, #624063, #241619)
Browse the whole catalog at Explore, or see today's palette.