Eclipse Onyx Alley color palette — #F3F0E2 · #474800 · #004222 · #2E0045 · #020100
Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F0E2): a clean, paper-quiet neutral.
- Deep Olive (#474800): A deep, shadowed, balanced green — the color of fresh herbs.
- Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#2E0045): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Eclipse Onyx Alley 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
- Basalt Study color palette (#E8DECC, #544200, #1A3814, #00173C, #030100)
- Inked Forest color palette (#EFF2DB, #115103, #003029, #190024, #010100)
- Inked Archive color palette (#F4E3CE, #5C3E00, #003342, #26004D, #190001)
- Quiet Grove color palette (#EAF0D3, #00742D, #00544A, #43004F, #050700)
- Feathered Aubergine Boulevard color palette (#E5FCE9, #946600, #005269, #2D005D, #040000)
- Tempered Drift color palette (#ECDCD5, #947200, #434C00, #00260C, #000807)
- Tempered Basalt Coast color palette (#F1ECE4, #B4B4A7, #88917D, #544100, #110900)
- Gentle Garnet Bloom color palette (#FAE6EE, #955200, #00595D, #550044, #17010B)
Browse the whole catalog at Explore, or see today's palette.