Cobalt Courtyard color palette — #F6ECE6 · #92BCA8 · #2168B8 · #005145 · #29245C

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sage (#92BCA8): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#2168B8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#29245C): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Softworn Forest color palette (#F8EBE8, #7FBEBF, #007392, #005420, #002D5B)
• Muted Cobalt Archive color palette (#FCF3EC, #A8CFC1, #5D75B5, #00605D, #3E325B)
• Aged Petrol color palette (#E3ECE5, #82BDD7, #0071AC, #004A4F, #001435)
• Soft Nightshade Lagoon color palette (#EBDFD3, #7DA2C9, #4545B2, #003D41, #2A0F40)
• Faded Forest Pier color palette (#FEF2EF, #9EDBDC, #008CB2, #006C2D, #0F4074)
• Washed Onyx color palette (#F9E6DE, #5F9AA6, #004E77, #003121, #060347)
• Worn Grove color palette (#FFEBEA, #FFBCB2, #AE9A45, #6E4EA0, #4E281F)
• Periwinkle Cabin color palette (#F6EBF0, #9BDEF9, #5CA8FC, #00937D, #282754)

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