Sunlit Harbor color palette — #F9F2FF · #F84EB6 · #CB4300 · #685300 · #3D1E59
A conversation between Hot Pink and Terracotta, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Hot Pink (#F84EB6): A luminous, vivid rose — the color of strawberry cream.
- Terracotta (#CB4300): A full-bodied, vivid orange — the color of sun-warmed clay.
- Coffee (#685300): A full-bodied, balanced green — the color of fresh herbs.
- Royal Purple (#3D1E59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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
- Magenta Meadow color palette (#F6F3FF, #E25DDB, #D32D43, #774A00, #2B216B)
- Pale Blush color palette (#FDF0FF, #FF5481, #AF6100, #575A00, #481A4B)
- Rose Loft color palette (#EADCEB, #D75367, #905100, #454600, #33063C)
- Faded Lagoon color palette (#F4DAE1, #FF849E, #FF2765, #B7182E, #722823)
- Orchid Loft color palette (#F4F4FF, #AA44DA, #785100, #004A48, #00303D)
- Ancient Scarlet Terrace color palette (#F9E3F2, #D22C00, #6D4B00, #2A3900, #240021)
- Muted Fuchsia color palette (#FFF1F3, #F18DE6, #D97F1E, #008D3F, #003450)
- Powdered Peony Harbor color palette (#F0E4FB, #E12BA1, #702842, #2D2039, #140F1B)
Browse the whole catalog at Explore, or see today's palette.