Sunlit Harbor color palette — #F4DDF1 · #C32713 · #005D47 · #004261 · #050005
Built around Brick, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F4DDF1): A whisper-light, dusty pink — the color of neon signs at night.
- Brick (#C32713): A full-bodied, vivid orange — the color of autumn markets.
- Pine (#005D47): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004261): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Sunlit 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
- Forest Alley color palette (#FFE2EF, #AE5700, #046916, #003B55, #050005)
- Wandering Navy color palette (#F0DAE7, #AE4E00, #005D54, #002582, #060003)
- Rust Coast color palette (#D5ECD9, #C1550C, #715500, #00424F, #070200)
- Plum Corridor color palette (#F4E8FE, #A73070, #406300, #00434C, #02000C)
- Smoked Bloom color palette (#FFE4EF, #794000, #423700, #002037, #050100)
- Cellar Workshop color palette (#FBE3DE, #8B003C, #023105, #070029, #040001)
- Chalky Aubergine Station color palette (#D4EFDA, #967300, #007096, #5B0095, #060000)
- Chalky Lantern color palette (#D9E8D7, #BC7B00, #008295, #4F1ECD, #150005)
Browse the whole catalog at Explore, or see today's palette.