Eclipse Pier color palette — #F0DFD6 · #9A6527 · #6B1E00 · #2A000E · #020100

Rust takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F0DFD6): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#9A6527): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6B1E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#2A000E): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Olive Coast color palette (#F8E1C3, #797631, #503600, #240800, #000200)
• Chestnut Coast color palette (#F8DFEF, #7D4D00, #4F1600, #27000C, #050300)
• Garnet Harbor color palette (#ECDAE5, #AC7141, #9E3D06, #7B000F, #060300)
• Bronze Market color palette (#FFF3E7, #C9B06C, #A06832, #6F3029, #161200)
• Hushed Market color palette (#F4E3C9, #9BA04E, #7A5900, #522100, #000600)
• Inked Cocoa color palette (#DDF3E9, #005475, #5D2D00, #2A1000, #000103)
• Ancient Villa color palette (#DFF4E7, #0088A2, #740025, #00313C, #040000)
• Eclipse Rust color palette (#DFF6EF, #C54C4B, #001C35, #090F13, #000104)

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