Eclipse Studio color palette — #F0ECDC · #504300 · #004036 · #3C000F · #020100
Built around Onyx, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F0ECDC): A whisper-light, dusty green — the color of new leaves after rain.
- Deep Olive (#504300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#3C000F): A deep, shadowed, balanced red — the color of late-summer berries.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged 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
- Nocturne Basalt Loft color palette (#EEE9C9, #344100, #002C2D, #270600, #020100)
- Midnight Cocoa color palette (#FEEBE2, #712B00, #263F00, #310039, #030000)
- Shadow Onyx color palette (#D9F3E1, #534200, #003A58, #2A0048, #070400)
- Wandering Olive Meadow color palette (#EEEADA, #6A6D00, #004220, #2B2C00, #010100)
- Lowlit Fern color palette (#E1E4C8, #316400, #00391F, #001721, #000200)
- Olive Boulevard color palette (#EBEADB, #A1A28D, #79823C, #2D3D00, #050400)
- Lowlit Navy color palette (#DDE7D7, #00614F, #004285, #312600, #000302)
- Dusty Pine color palette (#E7EFD3, #00793C, #005D7E, #4C2F00, #060900)
Browse the whole catalog at Explore, or see today's palette.