Scarlet Harbor color palette — #DDE7D3 · #009E78 · #D73435 · #B03B37 · #00261B

Crimson and Brick set the tone — five colors that lean into energy and balance.

The five colors

• Parchment (#DDE7D3): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#009E78): A luminous, balanced teal — the color of glacier melt.
• Crimson (#D73435): A full-bodied, vivid orange — the color of toasted spice.
• Brick (#B03B37): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#00261B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Energy, Balance. Tagged 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

• Muted Drift color palette (#E3EFD3, #30B482, #D53F40, #B61670, #192304)
• Faded Crimson Grove color palette (#C9E7D3, #0090A6, #CD1B4D, #4D5A00, #012110)
• Washed Raspberry color palette (#D7FFF7, #00A996, #D14687, #B33A4A, #00100D)
• Softworn Studio color palette (#C9E6E8, #00858B, #B93100, #754600, #001517)
• Ember Study color palette (#D6EDCD, #00AD98, #DD5937, #A16200, #203117)
• Dusty Raspberry Villa color palette (#F7EDCD, #8D8C00, #CB1AAC, #A24075, #212100)
• Tempered Bronze color palette (#D9F2E3, #0095B3, #A76B00, #6E6400, #00242D)
• Airy Thicket color palette (#E4FDE7, #00BBC5, #D58138, #B37646, #293E2D)

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