Cobalt Courtyard color palette — #FAF2FB · #F5B19F · #3D75AD · #503953 · #281D2A

Slate and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Melon (#F5B19F): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#3D75AD): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#503953): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#281D2A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cobalt 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

• Antique Cobalt Drift color palette (#FBF2FA, #E1D0A4, #687CAA, #5D4359, #31282F)
• Petrol Terrace color palette (#EEF8F4, #F5AEB6, #2C79A5, #214C3E, #142620)
• Muted Marigold color palette (#ECF7FF, #CEA956, #175876, #133145, #171A27)
• Softworn Field color palette (#F8EAF1, #74CA96, #6253AB, #342E5A, #1D1218)
• Soft Peony Delta color palette (#EDF8F2, #85D0ED, #C666B8, #008EB2, #321D20)
• Powdered Archive color palette (#FBF2FB, #608FE1, #B84672, #456D1F, #332232)
• Sky Archive color palette (#F6F7E3, #66BAF4, #A26FB5, #4B6F37, #4B3547)
• Frosted Thicket color palette (#F2DDF0, #E99600, #004DCD, #00266E, #1B051B)

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