Weathered Harbor color palette — #F5E0F7 · #CC0048 · #6D3F00 · #313700 · #40003F
A conversation between Ruby and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F5E0F7): A whisper-light, dusty pink — the color of neon signs at night.
- Ruby (#CC0048): A full-bodied, vivid red — the color of embers at dusk.
- Bronze (#6D3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#313700): A deep, shadowed, dusty green — the color of fresh herbs.
- Deep Indigo (#40003F): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Weathered 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
- Worn Crimson Workshop color palette (#FBDDFA, #CD003C, #6A4100, #32008B, #430038)
- Sunlit Plum color palette (#F0E1FD, #BE1B81, #822B00, #3E3100, #350055)
- Rust Veranda color palette (#FEDCF2, #BA3F00, #5D4900, #0B3E02, #470028)
- Worn Ember color palette (#FFE2DF, #FD471C, #AE3A00, #6C2B00, #3B2A00)
- Aubergine Studio color palette (#FFECF5, #AD602E, #5D5500, #551C65, #520B1F)
- Obsidian Mulberry color palette (#FFDEE1, #A9003B, #400304, #18031B, #060003)
- Rose Bloom color palette (#FFF1F3, #FF96CE, #FF4B80, #D01C00, #510015)
- Tempered Delta color palette (#DDDEF8, #9537D9, #6C4100, #003434, #18002A)
Browse the whole catalog at Explore, or see today's palette.