Weathered Scarlet Harbor color palette — #FFF2ED · #D42509 · #006551 · #003E63 · #351534

Crimson takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Crimson (#D42509): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006551): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003E63): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#351534): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Patina Rust Workshop color palette (#FFF2E9, #B65400, #006462, #003786, #380E2A)
• Powdered Plum color palette (#FFF2EE, #B62656, #00683A, #003F50, #371522)
• Pale Fern color palette (#FFF3E8, #BA6400, #0C6D14, #00465E, #47125C)
• Antique Terracotta color palette (#F6E3D8, #9C3700, #004C42, #002A55, #26070A)
• Soft Amber color palette (#FFF4DE, #D26C23, #755D00, #004D60, #4E2C00)
• Misty Plum color palette (#FFF1F1, #B41C8F, #405500, #004549, #201C43)
• Ember Lagoon color palette (#FFF0F9, #E16831, #6A7E00, #004DA2, #3D1706)
• Pale Bronze color palette (#FEF0D8, #997400, #6D5500, #004558, #210200)

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