Sunlit Cobalt color palette — #FEF1F9 · #9A9FD7 · #7478BE · #755900 · #243466

A conversation between Slate Blue and Coffee, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Mauve (#9A9FD7): A luminous, balanced violet — the color of twilight just after sunset.
• Slate Blue (#7478BE): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#755900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#243466): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Muted Fern color palette (#FBF2FA, #83A6DD, #996BAD, #3F6C08, #1A3765)
• Worn Bloom color palette (#EFF8EF, #5FB5B4, #8075B8, #715B00, #004141)
• Hushed Alley color palette (#EFF6FF, #6387CE, #A13661, #564700, #00413F)
• Airy Grove color palette (#FEECF7, #878DD8, #B44C3C, #005D58, #231F61)
• Timeworn Iris Coast color palette (#F0DFEB, #7A8AD2, #64424A, #392734, #111B17)
• Hazy Veranda color palette (#EBF9F4, #63ADE2, #B56B33, #006A76, #004048)
• Antique Boulevard color palette (#FBF4ED, #C2E7EC, #97A0D9, #008B92, #603B49)
• Feathered Violet Parlor color palette (#F8E7EE, #825AC4, #823B00, #00394A, #190035)

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