Eclipse Studio color palette — #D5ECD3 · #7A4E00 · #333500 · #000955 · #030100
Deep Indigo and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D5ECD3): A whisper-light, dusty green — the color of a quiet forest floor.
- Coffee (#7A4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#333500): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Indigo (#000955): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Eclipse Studio 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
- Scarlet Orchard color palette (#F5E3D1, #CD3739, #4C4300, #1C0053, #030100)
- Deep Workshop color palette (#F8D6E6, #773B00, #3D3400, #001D2C, #040000)
- Fern Field color palette (#D7F4E5, #504A00, #002F10, #0D001C, #020100)
- Wandering Ember color palette (#F3E2E6, #D7632E, #6B4700, #202600, #000200)
- Eclipse Balcony color palette (#E7DFEC, #B9036C, #004830, #290027, #030003)
- Garnet Thicket color palette (#FFE1D0, #670C00, #002232, #000F19, #000010)
- Washed Cocoa Station color palette (#F4EBF0, #C7D4CA, #8DAFA5, #7B3700, #080004)
- Airy Pine color palette (#E1FCF8, #008425, #004F55, #3F0032, #000200)
Browse the whole catalog at Explore, or see today's palette.