Sunlit Cobalt color palette — #FCF2F8 · #ABD5EC · #2983D0 · #006954 · #343874

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#ABD5EC): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2983D0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006954): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#343874): 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

• Airy Forest Coast color palette (#FBF2FC, #A3D8E6, #008DAE, #006C21, #0B4171)
• Misty Sapphire color palette (#FFF0F8, #8AC0DA, #256BC8, #00574C, #311E75)
• Cobalt Balcony color palette (#F8F1E6, #A1DAED, #008DC6, #006263, #002649)
• Cypress Study color palette (#FAF3F6, #D9DDEE, #8698C6, #007F7C, #4D5168)
• Patina Canyon color palette (#ECE2E9, #6399A8, #004D7E, #003124, #0B0542)
• Gentle Cobalt Study color palette (#F1F5FF, #FCCFFF, #F19695, #0081B8, #523861)
• Antique Navy Basin color palette (#F3E8EB, #6084A8, #2F2C84, #002224, #110020)
• Misty Garden color palette (#FEF3EC, #BBEEFF, #77BCFF, #00A989, #373B65)

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