Sunlit Ultramarine color palette — #F7DAF3 · #D6A200 · #224CC8 · #122864 · #190917

Cobalt and Gold set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#F7DAF3): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#D6A200): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#224CC8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#122864): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#190917): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Energy, Balance. Tagged luxury, dark.

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

• Worn Grape color palette (#FADAE8, #D6A200, #683CAD, #351D5B, #1D0612)
• Faded Marigold Grove color palette (#CCEDE4, #D6A200, #005E9C, #003053, #00140F)
• Feathered Navy Coast color palette (#F4DCF0, #B88A00, #08259C, #010659, #1D041B)
• Misty Lantern color palette (#D6E6FF, #EDB524, #4072F8, #2244A3, #030C2A)
• Ancient Mustard Courtyard color palette (#FCE9ED, #D8AE4F, #7C4F86, #4D2932, #211115)
• Ultramarine Hollow color palette (#EFF6FF, #38E2AC, #2B4FB0, #020764, #00000C)
• Worn Aubergine color palette (#F2DCDE, #B88A00, #70146B, #31012F, #090001)
• Weathered Sand Balcony color palette (#FBF2F8, #E9CE95, #737AA2, #5D4455, #32272F)

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