Sunlit Harbor color palette — #F5D9C2 · #955500 · #00675C · #5A0097 · #030100

A conversation between Plum and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Peach Cream (#F5D9C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#955500): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#00675C): A full-bodied, balanced teal — the color of shallow lagoons.
• Plum (#5A0097): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sunlit 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

• Powdered Coast color palette (#EFE6C4, #7A6500, #006374, #730065, #020100)
• Ancient Aubergine color palette (#F7DEC8, #703F00, #004B44, #420071, #0F0500)
• Pale Nightshade color palette (#F0DDDA, #BF1700, #006B31, #241FB3, #040000)
• Softworn Chapel color palette (#D3F1E2, #696200, #0045A7, #42004F, #010100)
• Hushed Bronze color palette (#F8EEE2, #A87100, #007FA9, #3A5B95, #0D0600)
• Deep Nightshade color palette (#FCD6C8, #7E2900, #1700BB, #0F0092, #040000)
• Pale Sapphire color palette (#CAEDC2, #2B9200, #0460E2, #A00027, #000200)
• Washed Archive color palette (#FFDAB3, #C68400, #6A4200, #1E0E00, #020100)

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