Scarlet Harbor color palette — #FFD6D1 · #E40124 · #007A7F · #00598B · #060000

Crimson and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFD6D1): A whisper-light, dusty orange — the color of toasted spice.
• Crimson (#E40124): A full-bodied, vivid orange — the color of toasted spice.
• Teal (#007A7F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00598B): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Raspberry Basin color palette (#FFD6D0, #CC3978, #007D65, #00598C, #060001)
• Sunlit Ultramarine color palette (#FFD8C0, #CA4B00, #00788D, #0B41CA, #050100)
• Sunlit Brick color palette (#EFDFEE, #A70028, #005376, #24345D, #0D0001)
• Timeworn Nightshade Studio color palette (#F9DCB5, #A36E00, #006DBC, #5138B4, #030100)
• Hazy Terracotta color palette (#F4D9D1, #9F2C00, #005D36, #2E2A8B, #260500)
• Aubergine Lagoon color palette (#F0E5D8, #714D00, #004783, #450073, #020100)
• Pale Lapis color palette (#FFF3E6, #E9982A, #007FC2, #6350C8, #1E0E00)
• Ember Harbor color palette (#FFE7DF, #EC5100, #8E8700, #AE449F, #250600)

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