Eclipse Onyx color palette — #CFECEB · #005032 · #003450 · #3C0020 · #070A00

Built around Deep Indigo, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Frost (#CFECEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Forest (#005032): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#003450): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#3C0020): A deep, shadowed, balanced rose — the color of strawberry cream.
• Ink (#070A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Eclipse Onyx 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

• Shadow Study color palette (#CAE7E0, #2D5B00, #00393C, #28003C, #0D0600)
• Chalky Pine Market color palette (#F0E0D9, #087B24, #00464B, #470029, #001C12)
• Lowlit Dune color palette (#DBF1FF, #004862, #230084, #3B0009, #000801)
• Feathered Aubergine Station color palette (#D0F0F0, #006845, #42147C, #3C002E, #230800)
• Antique Forest Bloom color palette (#D8E6E4, #A7BEC0, #73949F, #0E5310, #062522)
• Worn Nightshade Balcony color palette (#D9F4FF, #00696E, #0025C7, #570037, #191900)
• Pale Moss color palette (#D4F5F8, #93AB00, #00916B, #005975, #001B1B)
• Lowlit Aubergine color palette (#ECDCCD, #703E00, #460080, #340026, #040000)

Browse the whole catalog at Explore, or see today's palette.