Scarlet Harbor color palette — #FDD8F2 · #EA3901 · #00817D · #8F1E00 · #003634
Built around Scarlet, softened by Rust — the whole palette hums with warmth and comfort.
The five colors
- Thistle (#FDD8F2): A whisper-light, dusty pink — the color of neon signs at night.
- Scarlet (#EA3901): A luminous, vivid orange — the color of toasted spice.
- Teal (#00817D): A full-bodied, balanced teal — the color of sea glass.
- Rust (#8F1E00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Forest (#003634): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
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
- Softworn Amber color palette (#FFD8EA, #C86600, #007F88, #793B00, #003539)
- Worn Crimson color palette (#F6D9FB, #F01364, #00817A, #930039, #003632)
- Wandering Scarlet Villa color palette (#F9E7E4, #F52025, #5D7F00, #92030C, #101A00)
- Patina Scarlet color palette (#FCEAE7, #D30D07, #00727A, #005B74, #430F0A)
- Weathered Cobalt color palette (#D5ECD6, #AF7900, #0073C4, #694700, #002F56)
- Patina Turquoise Bloom color palette (#FDF1F9, #DC9F8D, #49A6C1, #A05E4A, #355160)
- Gentle Sapphire Summit color palette (#FFF0F8, #F0803A, #2262ED, #924200, #1D376E)
- Magenta Dune color palette (#E8DFFC, #CD3DBD, #008369, #850079, #00372B)
Browse the whole catalog at Explore, or see today's palette.