Eclipse Loft color palette — #F4DDDF · #BB0E13 · #562C00 · #241600 · #050500
Built around Ruby, softened by Espresso — the whole palette hums with optimism and energy.
The five colors
- Shell Pink (#F4DDDF): A whisper-light, dusty red — the color of a theater curtain.
- Ruby (#BB0E13): A full-bodied, vivid orange — the color of sun-warmed clay.
- Espresso (#562C00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#241600): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Energy, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Eclipse 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
- Velvet Chestnut Boulevard color palette (#F4DEDD, #8B4200, #503000, #241C00, #030500)
- Midnight Plum Study color palette (#F3DFF0, #B00054, #6E0017, #2B0C00, #060200)
- Frosted Study color palette (#FCDAE0, #D54143, #803D00, #422B00, #171700)
- Patina Ember color palette (#FFE8E5, #D85600, #833D00, #361E00, #040200)
- Chestnut Boulevard color palette (#FFEBD4, #7F4F00, #00506F, #3C2300, #000306)
- Wandering Garnet color palette (#F6E1D1, #A5955B, #008D5D, #771332, #090500)
- Patina Sapphire Harbor color palette (#EBE3F8, #006CD1, #855600, #0C0B03, #000200)
- Velvet Navy Balcony color palette (#F4E0CF, #6C3B00, #003A82, #2A1A5C, #030100)
Browse the whole catalog at Explore, or see today's palette.