Ultramarine Courtyard color palette — #F7DBF1 · #B1B300 · #2B3DDD · #16246B · #190817

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

The five colors

• Blush (#F7DBF1): A whisper-light, dusty pink — the color of peonies in June.
• Gold (#B1B300): A luminous, vivid green — the color of fresh herbs.
• Cobalt (#2B3DDD): A full-bodied, vivid violet — the color of wild irises.
• Navy (#16246B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#190817): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, vibrant.

Use it as a design system

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

• Linen Meadow color palette (#F9DBE9, #40C870, #6915D5, #331867, #1C0713)
• Sunflower Garden color palette (#F0F5FF, #C9CC00, #404CAA, #120D58, #01000B)
• Antique Pier color palette (#F4DBF4, #FA8920, #0056B7, #002B62, #000E29)
• Nightshade Study color palette (#D9E4FF, #B88A00, #30238C, #140C4A, #060D25)
• Tempered Station color palette (#FCE9EE, #73C9A2, #7A4C94, #432852, #211016)
• Hazy Indigo Boulevard color palette (#FBD9ED, #FFA0A7, #756FD2, #47408F, #1E0516)
• Aubergine Terrace color palette (#F2D7E7, #2E8B20, #29007B, #050020, #060003)
• Softworn Cobalt color palette (#FAF2F8, #C7D9AA, #6F78B3, #5D4456, #31282E)

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