Eclipse Basalt color palette — #CDEAF5 · #00575D · #403E00 · #002426 · #010100

Deep Olive and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDEAF5): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#403E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#002426): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Charred Navy color palette (#D4F3F4, #005B40, #002F92, #002519, #000107)
• Shadow Studio color palette (#D1E8D7, #005C67, #79010A, #00262B, #140000)
• Antique Terracotta Boulevard color palette (#DCF5FF, #007984, #9B1D00, #003237, #040000)
• Ancient Cobalt Canyon color palette (#D5E8F2, #6190AA, #3271B0, #00353A, #000306)
• Eclipse Ridge color palette (#E3F1FE, #00517C, #690054, #002136, #040002)
• Grape Ridge color palette (#D0EADA, #00758C, #8300AD, #003F4C, #0D0015)
• Olive Canyon color palette (#CFE3F0, #008CB6, #4E7A00, #004E67, #0A1600)
• Deep Chestnut Cabin color palette (#FDD9E5, #6F4903, #3E2200, #1B0900, #020100)

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