Eclipse Navy Bloom color palette — #F4F0DF · #596100 · #13007F · #1C2000 · #010010

A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F0DF): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#596100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#13007F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#1C2000): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged duotone, dark.

Use it as a design system

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

• Midnight Drift color palette (#F3EDDD, #685B00, #002852, #221D00, #000207)
• Twilit Market color palette (#E3EADC, #006C4F, #3A005F, #002418, #030009)
• Nocturne Fern Archive color palette (#FCEAE0, #345500, #00292E, #210200, #000502)
• Dusty Aubergine color palette (#E5ECDC, #008C66, #4D1291, #003C2A, #050013)
• Pale Canyon color palette (#E3F5DA, #8C8300, #006D62, #00368E, #000303)
• Airy Denim Pier color palette (#EAECE2, #529C59, #004D99, #005015, #18041A)
• Pale Lapis color palette (#F4F7EB, #73A880, #564AB2, #00602D, #24111D)
• Muted Grove color palette (#DFE1D4, #3A8933, #004E5B, #094505, #000201)

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