Sunlit Cobalt color palette — #B1F6F3 · #50BEDB · #327CB8 · #41528F · #493F65

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

The five colors

• Sea Foam (#B1F6F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#50BEDB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#327CB8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#41528F): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#493F65): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Hushed Denim color palette (#CFE5F0, #70B5D6, #2D81C2, #1A4F9A, #17244D)
• Gentle Veranda color palette (#C0F3DD, #45B9A8, #008DA4, #00608C, #31466B)
• Cobalt Grove color palette (#CFEFFF, #7AAEE4, #6978C4, #604681, #5D3346)
• Bronze Cabin color palette (#E6FBF2, #56AAD7, #A5852B, #006E9A, #524009)
• Worn Cerulean color palette (#E0FDF4, #E6D7DE, #EBB8D0, #44909B, #5B4558)
• Hushed Aubergine Meadow color palette (#CEEFF3, #007394, #00417B, #200063, #200038)
• Antique Thicket color palette (#FFF0FE, #6389C7, #9B7335, #696616, #453044)
• Ultramarine Workshop color palette (#D0F5FE, #0099E5, #2C3FEC, #4200A9, #500069)

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