Sunlit Sapphire Harbor color palette — #F6ECE6 · #7EBBD5 · #0E66C2 · #005145 · #2A2851

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sky (#7EBBD5): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0E66C2): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2A2851): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit Sapphire 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

• Timeworn Petrol Coast color palette (#E1EDE3, #70BFE0, #0071AC, #004A4F, #011533)
• Patina Forest Corridor color palette (#F9EBE7, #83BEBD, #007390, #00541A, #0F2F50)
• Cobalt Drift color palette (#FAF4EF, #A5D0BF, #5275C2, #00605B, #3C335A)
• Linen Ultramarine Basin color palette (#ECE1D5, #7EA2C6, #433FBF, #003D41, #28123D)
• Misty Pier color palette (#FFF2EE, #8DDFDD, #008DAE, #006C20, #15416C)
• Denim Parlor color palette (#F2DFD6, #4B9DAC, #004F76, #003120, #060D38)
• Quiet Periwinkle color palette (#F9E9F2, #A1DDF7, #60AAEF, #00918C, #1E2A57)
• Turquoise Corridor color palette (#FAF1DB, #9AE0A5, #00A8BC, #874104, #37362F)

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