Sunlit Cobalt color palette — #FEF3EB · #82DCFF · #2684CE · #006762 · #303D65

Azure takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Ice Blue (#82DCFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#2684CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
• Navy (#303D65): A deep, shadowed, dusty 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

• Quiet Hollow color palette (#FFF2EB, #7BE2E1, #008EA7, #006A41, #004565)
• Cobalt Harbor color palette (#FFF3E9, #6EC3EC, #006EC8, #005655, #23286E)
• Airy Cobalt Study color palette (#FCEFE6, #AEDCC4, #3485D7, #006453, #1F1B51)
• Muted Periwinkle Chapel color palette (#FDF1F7, #B0E4F9, #659FE3, #008571, #39386E)
• Timeworn Denim Delta color palette (#F4E5DC, #3E9CB8, #004E79, #00302B, #030F37)
• Airy Sky color palette (#F0F8F1, #D1DFFE, #64C0FF, #00A4AC, #0D3E79)
• Hazy Indigo Workshop color palette (#FFF6CF, #A3AC25, #655AD5, #5C6200, #343268)
• Chalky Celadon color palette (#F7FAC9, #A8FDB2, #55C9C7, #9B713A, #3B512C)

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