Sunlit Ultramarine color palette — #F0F6FD · #96AFDC · #A4572A · #2E5AB2 · #311C28

A conversation between Cobalt and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Mauve (#96AFDC): A luminous, dusty violet — the color of twilight just after sunset.
• Ochre (#A4572A): A full-bodied, balanced orange — the color of toasted spice.
• Cobalt (#2E5AB2): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#311C28): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Sunlit Ultramarine 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

• Pale Orchard color palette (#F3F4FD, #B7A3DB, #A65621, #7042AA, #331B28)
• Antique Plum Lagoon color palette (#EFF6FC, #75B7DF, #A74E63, #006793, #2A1F2D)
• Lapis Villa color palette (#F9EEF4, #B1A9ED, #B34F6A, #6453AD, #1A0806)
• Tempered Coral Courtyard color palette (#F3F5FC, #C2BBF9, #D06B7F, #7F73C1, #2B1F2D)
• Pewter Orchard color palette (#E3FBF8, #7D98C6, #89567C, #00595D, #343B58)
• Feathered Ember Grove color palette (#F6F3FF, #CDE1FF, #EB95E8, #CE5F2D, #453553)
• Hazy Mulberry Garden color palette (#EFF6FF, #A99DCD, #99578B, #940D34, #682900)
• Muted Nightshade color palette (#ECF2FF, #8079FC, #6E4E00, #4200BD, #1A1000)

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