Sunlit Cobalt color palette — #FFF0FD · #9BB8EC · #BBA34F · #4D7ED5 · #4F4109

Built around Azure, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#9BB8EC): A luminous, balanced violet — the color of a velvet chair.
• Gold (#BBA34F): A luminous, balanced green — the color of new leaves after rain.
• Azure (#4D7ED5): A luminous, balanced violet — the color of twilight just after sunset.
• Deep Olive (#4F4109): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Airy Violet Thicket color palette (#FFF1F7, #BDABEF, #99B058, #8C66D5, #3C4911)
• Hazy Archive color palette (#F0F5FF, #C2D4FF, #DEB551, #6C87CE, #46360A)
• Patina Marigold color palette (#E9FAF0, #69C6E2, #D59740, #008FAD, #5C3A00)
• Amber Station color palette (#F0F6FF, #849EDD, #B27F00, #4460AF, #553E11)
• Grape Quarry color palette (#FFD8EA, #B69CFF, #9B8E00, #6C00D6, #342F00)
• Cerulean Pier color palette (#FFF0FD, #EBD5D1, #EFB9A8, #4B9EB9, #624656)
• Pewter Pier color palette (#FFF0F7, #A7D1AA, #7467A0, #443B63, #2D1B24)
• Softworn Terracotta Station color palette (#FFF3E9, #D1BA99, #B18468, #965254, #3F3D36)

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