Sunlit Lagoon color palette — #FFF0FB · #F3B913 · #3742C5 · #0F1253 · #00000B

Built around Cobalt, softened by Saffron — the whole palette hums with optimism and creativity.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Saffron (#F3B913): A luminous, vivid gold — the color of afternoon light on wheat.
• Cobalt (#3742C5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#0F1253): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Grape color palette (#FFF1F6, #F3B913, #7227B1, #2A0746, #040001)
• Nightshade Veranda color palette (#F3DDEE, #D9BD4F, #5775E2, #2A3EAB, #060C2A)
• Antique Study color palette (#E1FCF3, #F3B913, #005E8C, #002135, #000201)
• Airy Nightshade Courtyard color palette (#E3EDFE, #AE9300, #1811B3, #050050, #00020F)
• Airy Thicket color palette (#FFF1F6, #FFD26F, #7C56A3, #392051, #120208)
• Tempered Garnet color palette (#FEE8E9, #CA9916, #680856, #14000F, #040000)
• Powdered Amethyst color palette (#FFF0F8, #BDBAFF, #D800A6, #6A38F2, #050003)
• Tempered Driftwood color palette (#FBF2F7, #CFDDCD, #8082AA, #553E4C, #20181D)

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