Sunlit Harbor color palette — #CFE7EE · #009696 · #3724D8 · #005050 · #00000F

Cobalt and Cerulean set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#CFE7EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009696): A luminous, balanced teal — the color of sea glass.
• Cobalt (#3724D8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Forest (#005050): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, 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

• Aged Aubergine color palette (#DCEDF9, #0080A7, #4A00B2, #003E53, #01000F)
• Muted Cerulean Lantern color palette (#DCF0E0, #00A0B0, #005184, #00444C, #000201)
• Timeworn Dune color palette (#CDEDF1, #007A67, #30008E, #002E26, #000010)
• Navy Basin color palette (#CAE9ED, #008EB5, #00588A, #0D008E, #0A002D)
• Misty Nightshade color palette (#E0F5E4, #007E9D, #002DC7, #550A00, #000D17)
• Faded Byzantium Chapel color palette (#E2EEDD, #00B2A0, #8850CC, #00786B, #03000A)
• Sunlit Sapphire Alley color palette (#E0F6FF, #00C1D2, #3764FF, #007782, #040D32)
• Sunlit Emerald color palette (#D6ECEA, #009E38, #005D6E, #00551A, #000204)

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