Ultramarine Courtyard color palette — #FFEFDF · #00A3B7 · #3653C7 · #5B3300 · #001F31

Cobalt and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#00A3B7): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3653C7): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#001F31): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, cool.

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

• Soft Ultramarine Garden color palette (#FFF3E5, #00A09E, #3A54BD, #603D00, #003C4B)
• Pale Nightshade Grove color palette (#CFF4DA, #0097C7, #594BA1, #463700, #07192B)
• Faded Atelier color palette (#FFEDEA, #00A895, #006899, #711816, #002124)
• Cobalt Station color palette (#FFF4E2, #00BAE3, #4C7BCE, #973728, #003A55)
• Chalky Hollow color palette (#E2F6FF, #0093A9, #91287F, #4B3400, #221500)
• Antique Cobalt color palette (#FCEDF8, #7EE0F6, #008DC4, #006454, #0D2545)
• Pale Studio color palette (#B1F5FA, #6EB0E5, #776BA4, #615619, #312E00)
• Linen Cornflower Pier color palette (#EFFBD3, #5DCDFF, #2787E6, #763F7C, #002B42)

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