Cobalt Courtyard color palette — #E8F1E2 · #4EACC5 · #6472BD · #334D00 · #002122

Slate and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F1E2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4EACC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6472BD): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#334D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002122): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light, 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

• Hazy Pier color palette (#CBF8F8, #6A9FD4, #8B61C7, #004A2D, #001E27)
• Cobalt Courtyard color palette (#EDECD0, #57B9AE, #2685C1, #453700, #001A12)
• Frosted Parlor color palette (#CAEAE3, #2CADB6, #0082BF, #005127, #00090C)
• Misty Azure color palette (#E0F4DA, #00C6D1, #009DD6, #00643D, #001A19)
• Quiet Pier color palette (#E3FCDC, #72D7FF, #988DF2, #396F00, #003F48)
• Aqua Hollow color palette (#E3F2E9, #20D5F9, #91A5F2, #657F30, #001E20)
• Antique Wisteria color palette (#D8F5E8, #B1C5F0, #C67FB5, #006E5D, #0C4135)
• Hazy Peony Grove color palette (#C5EFE3, #B9B0F1, #CC6C93, #005152, #151C43)

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