Eclipse Harbor color palette — #FCEBD4 · #634600 · #003E66 · #291B00 · #000103

Navy and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCEBD4): A whisper-light, dusty gold — the color of old brass.
• Bronze (#634600): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003E66): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#291B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Smoked Grove color palette (#F0EEDA, #7F4900, #283236, #101700, #010100)
• Twilit Field color palette (#F2E8D1, #594C00, #480093, #241E00, #020007)
• Smoked Field color palette (#FFE4DC, #90002E, #004352, #40000F, #000102)
• Gentle Ultramarine color palette (#DBE9DB, #905F00, #004EB0, #3D2600, #000105)
• Eclipse Aubergine color palette (#F4DFCF, #592F00, #2F0088, #320044, #030100)
• Soft Grape Thicket color palette (#F4E9CC, #786D00, #8500AA, #3D3700, #110019)
• Smoked Lapis Balcony color palette (#F6E1F9, #4121F9, #6D4B00, #0D0D06, #020100)
• Powdered Aubergine Ridge color palette (#EAEDD2, #2A7E23, #5D0073, #053403, #07000A)

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