Sunlit Cobalt color palette — #EDF0E6 · #97CBF3 · #338ADA · #006787 · #162D51

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

The five colors

• Cream (#EDF0E6): a clean, paper-quiet neutral.
• Sky (#97CBF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#338ADA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#162D51): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Worn Thicket color palette (#EFF0E1, #83D4D7, #0098A6, #006D64, #00343E)
• Ancient Periwinkle color palette (#E9F1EA, #A9DAFE, #78A7E6, #008DA6, #212B51)
• Sapphire Boulevard color palette (#F8ECE2, #72BAEB, #3764BA, #004F55, #2A2753)
• Iris Lagoon color palette (#FBF4EC, #C1F2E0, #708FDA, #006A66, #231143)
• Feathered Hollow color palette (#F5F6EC, #92EBFA, #00ADCD, #008283, #00475C)
• Petrol Meadow color palette (#E4E7DA, #6DACC5, #006F9A, #004854, #001626)
• Cerulean Orchard color palette (#F4F6EF, #C9E5E9, #94B4DD, #568EAC, #5D4C5B)
• Tempered Brick color palette (#EFE6D8, #A48100, #009255, #B23739, #281E00)

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