Sunlit Cobalt color palette — #F4F4FF · #FDCFFC · #FF987B · #0082DA · #4B2E60

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#FDCFFC): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FF987B): A luminous, balanced orange — the color of toasted spice.
• Azure (#0082DA): A full-bodied, vivid blue — the color of deep harbor water.
• Royal Purple (#4B2E60): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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

• Misty Indigo Study color palette (#FFF1F5, #FFCBDD, #FFA968, #546CE4, #572349)
• Blush Field color palette (#F1F5FF, #F0CDFF, #FF9FAC, #0088A2, #372B5B)
• Linen Market color palette (#FFF1F7, #F9D1E4, #FDB1A9, #869AF6, #452C5A)
• Worn Cerulean color palette (#F1F5FF, #E9D2CF, #9DB6AF, #0096C4, #2E1E47)
• Chalky Peony Study color palette (#F3F4FF, #F0B1FF, #EB6CA6, #3A50BA, #492C59)
• Iris Station color palette (#FFF1F2, #EFD7BE, #DABB71, #887BBE, #613832)
• Hushed Hollow color palette (#FFF1F6, #E4D8D3, #AFC2CF, #82A4CE, #61464A)
• Frosted Byzantium Corridor color palette (#F6D7D6, #F4AE97, #A99F4C, #8842B6, #3E0A13)

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