Scarlet Harbor color palette — #FFEEE7 · #D23040 · #00663D · #1D2185 · #210003

Crimson takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Crimson (#D23040): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#00663D): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#1D2185): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#210003): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Linen Navy color palette (#FFEEE3, #AC4F14, #00614F, #281F75, #180700)
• Aged Corridor color palette (#FFEDEA, #D62275, #005B18, #004066, #22010D)
• Gentle Scarlet color palette (#FFEEE5, #E73800, #006D47, #3A168B, #1E0145)
• Airy Ember Courtyard color palette (#FFF0D8, #E36542, #746000, #1D3585, #2E1400)
• Softworn Brick color palette (#FFF2EB, #B72A00, #575600, #581474, #36140F)
• Ember Grove color palette (#FFF0FA, #FF4D34, #00848E, #005D65, #2A1638)
• Patina Ridge color palette (#FFEDEF, #B53DAE, #625D00, #004256, #1B0119)
• Hazy Olive color palette (#F4F2E6, #778723, #006E5F, #443076, #1F0C01)

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