Rose Harbor color palette — #FFF2ED · #FF4853 · #0096AE · #007385 · #402318

Built around Scarlet, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#FF4853): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0096AE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007385): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#402318): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Soft Amber Orchard color palette (#FFEADB, #DC6B10, #008EB0, #006B85, #37200D)
• Hazy Summit color palette (#FFF2ED, #FF3B33, #0076A2, #04529E, #331422)
• Muted Parlor color palette (#FFF0FC, #FF746B, #00AA8F, #006F9F, #320D0B)
• Peony Lantern color palette (#FFF1F0, #FD30A8, #009C89, #007769, #441E1D)
• Rust Dune color palette (#FFF2EA, #BF4F00, #00776D, #00564F, #451F0C)
• Amber Drift color palette (#FFF3E6, #DD8800, #6791CA, #50709C, #37322C)
• Frosted Sapphire color palette (#FFF2E9, #FB812F, #1E72D8, #3166AC, #442009)
• Chalky Tangerine Meadow color palette (#FFF2E9, #EF7300, #008B7C, #5143A1, #2D2560)

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