Cobalt Courtyard color palette — #ECF8F7 · #70BC8E · #6E81C6 · #99585A · #263B39

Built around Slate Blue, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Mint Leaf (#70BC8E): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#6E81C6): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#99585A): A full-bodied, balanced red — the color of a theater curtain.
• Deep Teal (#263B39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Iris color palette (#E9F9F8, #85C19D, #9280BE, #94573C, #593647)
• Wandering Mint color palette (#F4F7EA, #96CF9C, #8984BF, #94576A, #292213)
• Cerulean Orchard color palette (#FFF0FA, #92CDAE, #4F9FB5, #8E6064, #324D51)
• Tempered Orchid Corridor color palette (#ECF7FB, #47BEBF, #A769B3, #886126, #21373D)
• Softworn Cerulean Station color palette (#EBF9F6, #7DAB6D, #0A9CAD, #82608B, #263529)
• Wandering Canyon color palette (#E6FAFA, #2DC396, #B44B75, #636412, #152D2F)
• Wandering Teal color palette (#E3F6FA, #4AAEA9, #465B69, #2C3B3E, #1B2323)
• Tempered Thicket color palette (#F5F7E7, #579D53, #006D88, #664423, #33312A)

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