Sunlit Cobalt color palette — #F2F7EC · #74C8AA · #3E82CF · #008666 · #221124

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

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint Leaf (#74C8AA): A luminous, balanced teal — the color of sea glass.
• Azure (#3E82CF): A full-bodied, balanced blue — the color of deep harbor water.
• Fern (#008666): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#221124): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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 Iris color palette (#F1F7F0, #91D2CE, #718DD0, #00938F, #2D1E2B)
• Hushed Pine Station color palette (#F4F7EC, #89C597, #00919E, #008941, #021F0C)
• Linen Seafoam Hollow color palette (#E9F9FA, #6BEBC1, #0097C7, #008B6B, #00060D)
• Antique Byzantium Hollow color palette (#E7F6EC, #00BFDB, #8E38FA, #007688, #16072D)
• Dusty Mulberry color palette (#FCECD4, #48B4B6, #0081B7, #912948, #003740)
• Aged Coast color palette (#E6FAF8, #84E490, #9097FA, #52AD60, #111729)
• Sunlit Orchid Basin color palette (#EAF9F4, #7BC2FF, #A65DE1, #007CC8, #251334)
• Cerulean Pier color palette (#ADF3E7, #4BC3CB, #0091B3, #005F8D, #002E65)

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