Scarlet Harbor color palette — #F6E8E1 · #FF9E8F · #A89600 · #F13826 · #130C00

Built around Scarlet, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F6E8E1): bright and airy, almost weightless.
• Melon (#FF9E8F): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#A89600): A luminous, balanced green — the color of new leaves after rain.
• Scarlet (#F13826): A luminous, vivid orange — the color of toasted spice.
• Ink (#130C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

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

• Faded Rose Grove color palette (#F6E8E4, #FF9BA8, #CF8000, #F02C63, #170A00)
• Hushed Moss Thicket color palette (#FDF3ED, #FFB69B, #95B100, #E66D3E, #1C1904)
• Worn Apricot color palette (#F2E2D6, #FB852C, #8C8700, #B65800, #050300)
• Jade Delta color palette (#F4E9DC, #EBB14D, #00B073, #B37C00, #0A1000)
• Peony Cabin color palette (#F5E8E8, #FD93D7, #F55B15, #DA3CAD, #1A0800)
• Dusty Apricot Dune color palette (#F1DBB8, #F98911, #9D8800, #007092, #341F00)
• Feathered Apricot color palette (#FADFD2, #F3973F, #B38600, #736600, #1D2600)
• Powdered Mulberry color palette (#F7E7E5, #F7719D, #2D9C34, #98004B, #0D0F00)

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