Sunlit Cobalt color palette — #EDF0E7 · #9DD1C4 · #5587CD · #00658F · #162A5D

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Pistachio (#9DD1C4): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#5587CD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00658F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#162A5D): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Frosted Cornflower color palette (#F3F7EB, #99D2FF, #118EF7, #006D90, #072E6D)
• Aged Villa color palette (#EEEFE7, #AECEB5, #0096AF, #006C6A, #003442)
• Hushed Turquoise Study color palette (#F5F7E9, #BEE6CD, #00ABD7, #008189, #004661)
• Quiet Periwinkle color palette (#E7F2E7, #AFD8FF, #86A0EE, #1A8D9F, #2F2551)
• Faded Sapphire color palette (#F6EDE2, #90B5D9, #445EC2, #004E59, #2F2453)
• Patina Courtyard color palette (#E1E5D9, #7BA9C2, #006DA3, #004858, #00152A)
• Worn Lagoon color palette (#F5F6EF, #CAE6DE, #80BDC3, #459788, #385140)
• Bronze Pier color palette (#EEE0CD, #AF9D6D, #8E6B22, #6B4300, #2B2400)

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