Sunlit Harbor color palette — #F7E7E3 · #C46800 · #875B00 · #554200 · #232200

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

The five colors

• Rose Water (#F7E7E3): bright and airy, almost weightless.
• Ochre (#C46800): A luminous, balanced gold — the color of old brass.
• Ochre (#875B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#554200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Misty Dune color palette (#EFDFD0, #AD8600, #6A6500, #3B4700, #002907)
• Linen Study color palette (#FFDFD7, #EA7500, #925E00, #483900, #0F0E00)
• Pale Field color palette (#FFECD4, #9E8C31, #815700, #632B00, #141900)
• Cobalt Thicket color palette (#F4E7D4, #A97F00, #0078C8, #694E00, #001C35)
• Rose Loft color palette (#F9D6DD, #E1585F, #A42F00, #5A3000, #302100)
• Antique Olive Villa color palette (#F0EADB, #7A7300, #375200, #00300C, #000804)
• Linen Amber color palette (#FFE5DA, #E9A96C, #B88E3B, #756A17, #434D21)
• Weathered Quarry color palette (#EFDEC2, #BDCA88, #5EB08E, #99522D, #232200)

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