Ultramarine Courtyard color palette — #F3DCE3 · #64A7E7 · #465BBE · #004854 · #170734

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F3DCE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Cornflower (#64A7E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#465BBE): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004854): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170734): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Faded Turquoise color palette (#F4E7EF, #09B3D9, #006CA5, #004B44, #010D3C)
• Worn Canyon color palette (#F7EDDD, #98BADD, #3961BC, #003B4C, #020013)
• Soft Hollow color palette (#DCE5DB, #5F94C5, #393E8F, #002F32, #1D0233)
• Misty Indigo color palette (#F4EBE1, #90B4D6, #6A75E6, #006C71, #1E0036)
• Timeworn Cobalt color palette (#FAE9EF, #9ECAEE, #6584CA, #006A75, #2C2750)
• Glacier Courtyard color palette (#FFF0FB, #3CE4EB, #009BBE, #007651, #003657)
• Tempered Lagoon color palette (#FFF1F7, #B0E3FF, #559EF3, #008283, #353C66)
• Hushed Teal Grove color palette (#C3EBE2, #48C5A3, #00A0B8, #6C5D00, #00200F)

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