Sunlit Cobalt color palette — #F7EDDF · #80D0F6 · #338DCF · #006B74 · #132C56

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

The five colors

• Cream (#F7EDDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#80D0F6): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#338DCF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006B74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#132C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Periwinkle Lagoon color palette (#FCF4E8, #ADDBFD, #6F97CE, #0C788D, #2F385A)
• Azure Quarry color palette (#EDF8F7, #D1DDFA, #009CE1, #00677A, #002039)
• Tempered Petrol Corridor color palette (#F7ECE4, #82BAD4, #1D6AB0, #00504E, #212A54)
• Teal Thicket color palette (#F8ECDA, #5CC5C1, #008491, #005C43, #00242E)
• Airy Ridge color palette (#FBF4EA, #89EEF1, #00AEC8, #00856C, #00475E)
• Gentle Station color palette (#C5FAEA, #C4D8FF, #B9A7F8, #008DA7, #472C46)
• Wandering Cobalt Cabin color palette (#CAE5FF, #60B2FF, #0079C1, #004278, #001529)
• Gentle Ultramarine color palette (#EDE3D5, #5598D3, #1B4FB6, #003948, #06012A)

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