Sunlit Harbor color palette — #D4E3D8 · #A78700 · #0083D8 · #6F48B0 · #120D00

Azure takes the lead with Plum close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D4E3D8): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A78700): A luminous, balanced green — the color of fresh herbs.
• Azure (#0083D8): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#6F48B0): A full-bodied, balanced violet — the color of wild irises.
• Ink (#120D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

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

• Chalky Aubergine color palette (#D9F2E6, #949100, #0079C7, #7C2A86, #150300)
• Chalky Ultramarine Alley color palette (#ECDBE2, #CF7610, #008F9C, #3F4FBE, #190900)
• Chalky Ultramarine Market color palette (#D6F6E3, #7E6F00, #315BB4, #183B8A, #110D00)
• Tempered Clover Bloom color palette (#C7EBE5, #4ABB2B, #714FCA, #9C3574, #021200)
• Patina Moss Cabin color palette (#FAEBCC, #7EA82C, #008B68, #603D9C, #021D01)
• Magenta Grove color palette (#C1F1E2, #9DCA30, #6B73E9, #C329B1, #192400)
• Weathered Aubergine Garden color palette (#F6EFCF, #6F7B00, #006E6A, #4F007F, #010100)
• Softworn Mulberry color palette (#C6F0EB, #289841, #5D3299, #830041, #000300)

Browse the whole catalog at Explore, or see today's palette.