Scarlet Harbor color palette — #C5E8D0 · #DD1600 · #604900 · #00355C · #3B1902

Built around Crimson, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#C5E8D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Crimson (#DD1600): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#604900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3B1902): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Misty Crimson Lagoon color palette (#C2E9D2, #D71857, #6C4200, #00384F, #35182F)
• Aged Rust color palette (#F3DBAF, #BF5100, #554E00, #1C2874, #391724)
• Aged Lantern color palette (#D7F8DF, #D8581E, #685B00, #254069, #452432)
• Pale Plum Villa color palette (#D4F0DD, #BF4B61, #604800, #002A5C, #1F0500)
• Misty Navy color palette (#E0F1E2, #9E4B00, #404000, #130B6B, #211200)
• Misty Coral color palette (#F0DCB6, #D56D7F, #846400, #1A4683, #3F1507)
• Gentle Brick color palette (#F2D8EB, #BF2000, #005437, #0E2172, #230844)
• Weathered Pier color palette (#BBEBD5, #B4449C, #8B2000, #003A43, #3B1523)

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