Sunlit Lagoon color palette — #F1DCF3 · #4582C5 · #846600 · #004684 · #191100

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#F1DCF3): A whisper-light, dusty pink — the color of a candy shop window.
• Cerulean (#4582C5): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#846600): A full-bodied, balanced gold — the color of old brass.
• Navy (#004684): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Worn Coast color palette (#EAD7E9, #487DD4, #866400, #0041A0, #362600)
• Pale Nightshade Studio color palette (#F8E1F1, #6776CF, #786C00, #3104C7, #151200)
• Hushed Terracotta Archive color palette (#D6F4E9, #2498D4, #A22F00, #004C6F, #270500)
• Pale Aubergine Station color palette (#F0DEE7, #6B57BC, #6A5600, #3C008D, #0B0700)
• Misty Azure Summit color palette (#CEE0F5, #339CFD, #A48200, #0065B2, #342700)
• Ancient Ultramarine Corridor color palette (#EFF6FF, #8FB9FF, #B48300, #0051C4, #221600)
• Indigo Villa color palette (#FFE5F5, #605BBD, #835200, #514800, #09002D)
• Hushed Aubergine color palette (#FDE5EA, #A361B1, #6A7200, #6F0083, #121400)

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