Rose Harbor color palette — #FBE1FE · #3B9FFE · #E95758 · #A67200 · #00315C

Scarlet and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FBE1FE): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#3B9FFE): A luminous, vivid blue — the color of a favorite pair of jeans.
• Scarlet (#E95758): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#A67200): A full-bodied, balanced gold — the color of old brass.
• Navy (#00315C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Ember Lagoon color palette (#F9DAEF, #838FD8, #D06544, #867900, #23274C)
• Crimson Boulevard color palette (#CBF7E1, #34C1F0, #C05D00, #D0424D, #003647)
• Ember Atelier color palette (#EAF7FF, #6DCDFF, #DE6100, #9A7E00, #002536)
• Ember Study color palette (#FFF0F7, #9984E9, #DC5500, #147A14, #2C2547)
• Pale Peony Harbor color palette (#CAF8DE, #00ACD1, #E14FA5, #C95500, #003744)
• Gentle Quarry color palette (#ECE2ED, #509DF0, #757519, #9D5000, #001F40)
• Wandering Emerald color palette (#E9E9FF, #AAA3FF, #58A155, #8E7C00, #2E275B)
• Weathered Emerald color palette (#FFF0F9, #999CE9, #B1971E, #549340, #492E3F)

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