Eclipse Ridge color palette — #F8D9D9 · #A0040F · #4C1B00 · #1D0E00 · #020100

Garnet and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F8D9D9): A whisper-light, dusty red — the color of embers at dusk.
• Garnet (#A0040F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4C1B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D0E00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

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

• Twilit Rust Quarry color palette (#FFD8CF, #B13D00, #632900, #220C00, #030100)
• Nocturne Parlor color palette (#F9D8ED, #91004D, #58001A, #240400, #030100)
• Shadow Bloom color palette (#FFE2EF, #763900, #004061, #331500, #000103)
• Cellar Chestnut color palette (#FFEAD5, #7D5300, #432A00, #141710, #0C0400)
• Airy Olive Coast color palette (#F7DBC6, #97854F, #38751D, #66091C, #030100)
• Rust Drift color palette (#F7E7E4, #C35D00, #7F5100, #3D3100, #181600)
• Deep Harbor color palette (#FFEBDB, #592F00, #00364E, #17183C, #030100)
• Lowlit Petrol color palette (#E7DBFD, #006789, #6E4A00, #0B100A, #000200)

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