Rose Harbor color palette — #F6F2E4 · #A7AA59 · #D96073 · #686900 · #41181E

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

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#A7AA59): A luminous, balanced green — the color of fresh herbs.
• Scarlet (#D96073): A luminous, balanced red — the color of embers at dusk.
• Olive (#686900): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#41181E): A deep, shadowed, dusty red — the color of late-summer berries.

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

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

• Antique Peony Balcony color palette (#FAF0E4, #CA9A52, #C766AA, #875A00, #3E1B1E)
• Ember Study color palette (#F1F3E6, #81B37B, #D86934, #2A7721, #3B1F0B)
• Muted Bronze Harbor color palette (#FFEEE3, #CEA085, #A75F3F, #743A17, #2F1F0E)
• Washed Rust Lantern color palette (#DCE3D5, #669800, #CC2C00, #395700, #2F0400)
• Hushed Archive color palette (#E5FBF2, #9EA83B, #8B7DC2, #646C07, #443B63)
• Bronze Courtyard color palette (#F5F3DD, #819940, #00938B, #9F550D, #231F02)
• Softworn Basin color palette (#F4F3DE, #CAE7C8, #86D7AA, #818A50, #2E2F1C)
• Worn Forest color palette (#F1F3E9, #B8B876, #2E6235, #0C3012, #0C0E03)

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