Eclipse Veranda color palette — #EEEBDD · #565E00 · #002A51 · #1E2100 · #030004

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

The five colors

• Cream (#EEEBDD): bright and airy, almost weightless.
• Olive (#565E00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002A51): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#1E2100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Eclipse Veranda 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 Fern Ridge color palette (#E2E4D4, #156E0D, #002D3C, #032502, #000201)
• Shadow Chestnut Drift color palette (#E6DCD3, #7D4B00, #003034, #2E1900, #000200)
• Twilit Aubergine color palette (#ECF3E1, #006946, #3D005F, #002616, #040001)
• Cellar Study color palette (#F0ECDE, #3C3F00, #1E2722, #120063, #0F0500)
• Muted Corridor color palette (#EDEFE8, #859184, #4C7563, #003417, #010100)
• Patina Lagoon color palette (#DEEFED, #319129, #004356, #063503, #000103)
• Airy Meadow color palette (#E8EDE0, #008F57, #610090, #004225, #040001)
• Weathered Violet Courtyard color palette (#EFF4EA, #7FC4AB, #825CC2, #00765B, #170A0F)

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