Sunlit Harbor color palette — #F0DFE1 · #D10056 · #4C7200 · #005491 · #230008

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

The five colors

• Shell Pink (#F0DFE1): a clean, paper-quiet neutral.
• Magenta Rose (#D10056): A full-bodied, vivid red — the color of a theater curtain.
• Olive (#4C7200): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005491): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#230008): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Scarlet color palette (#FDE0DC, #D50619, #007A29, #1F39C9, #240001)
• Raspberry Hollow color palette (#FCDBF2, #C000A3, #756400, #005C6E, #200019)
• Scarlet Bloom color palette (#FADDD7, #D11800, #007654, #005859, #4A0300)
• Timeworn Terrace color palette (#FFE3E6, #EC4472, #629100, #0072C1, #490019)
• Muted Ember Station color palette (#FFDCCF, #D85100, #008B5E, #564AC3, #2E0B00)
• Faded Bronze Corridor color palette (#F5E1EA, #A45000, #006F59, #51398C, #160600)
• Wandering Rose color palette (#FFF1F3, #FF507B, #009F96, #00847C, #2A000B)
• Aubergine Veranda color palette (#F0DDC3, #774F00, #005858, #5B0077, #060300)

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