Eclipse Harbor color palette — #F9D7C6 · #5C4100 · #002B16 · #130023 · #010100

Bronze and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9D7C6): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002B16): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#130023): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

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

• Fern Boulevard color palette (#FBD4D9, #2C5200, #00282E, #1B000F, #000201)
• Lowlit Basin color palette (#FFE1EE, #5D2D00, #002329, #1B1305, #16000B)
• Charred Fern color palette (#F0E9DC, #706500, #073D04, #050036, #010100)
• Spruce Study color palette (#C7E7DC, #343E46, #252E00, #0E1519, #000302)
• Velvet Thicket color palette (#FBEBE6, #695B2F, #00442C, #360010, #0D0002)
• Midnight Thicket color palette (#D6ECD8, #88001C, #2A2200, #030032, #030100)
• Twilit Dune color palette (#D4F2ED, #006759, #003038, #2D000D, #000201)
• Patina Abyss color palette (#ECDFE8, #3B8492, #004062, #002014, #00000C)

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