Sunlit Harbor color palette — #D3F5FF · #00758D · #A61000 · #003F4D · #130000
A conversation between Garnet and Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3F5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00758D): A full-bodied, balanced blue — the color of open sky before noon.
- Garnet (#A61000): A full-bodied, vivid orange — the color of autumn markets.
- Deep Teal (#003F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#130000): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Balance. Tagged warm.
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
- Soft Orchard color palette (#D9EAD4, #007A6E, #A30048, #00423B, #130004)
- Chestnut Loft color palette (#D1F9E6, #007397, #7E4A00, #003E53, #0C0400)
- Hushed Grove color palette (#DDEDF4, #008DA4, #C33A00, #005F6F, #110100)
- Antique Garnet color palette (#CCF4FF, #006376, #920E00, #5E2F00, #000203)
- Hushed Garnet color palette (#E3F0E7, #005B6C, #711B00, #00252D, #120100)
- Linen Courtyard color palette (#D5E7D1, #E30040, #007D8A, #00120F, #000301)
- Airy Sky Bloom color palette (#C9E6DA, #2CB6F8, #AA6100, #006B98, #3F2000)
- Sapphire Terrace color palette (#F2D7EF, #1457EB, #6F5400, #002791, #090500)
Browse the whole catalog at Explore, or see today's palette.