Cerulean Courtyard color palette — #F9F6E3 · #AFDEB6 · #76BFA7 · #5A92BC · #464942

Slate Blue takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#AFDEB6): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#76BFA7): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#5A92BC): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#464942): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Iris Lantern color palette (#F4F7E8, #A1DCE3, #71B9D7, #937FC0, #384E3F)
• Softworn Teal color palette (#FFF0F8, #D2E6AE, #5CB4A6, #8D647D, #2C4542)
• Dusty Pewter color palette (#FFF2EA, #B7C591, #61A093, #965776, #484C00)
• Turquoise Dune color palette (#F4F6F0, #CAE5E9, #DABBDB, #6EABCD, #61495E)
• Ancient Lagoon color palette (#EAFBE5, #CEE3D1, #AACAB8, #B08EA3, #634752)
• Antique Fern Loft color palette (#EFF4E6, #8AC7A4, #74806A, #4B5D18, #21221C)
• Ancient Veranda color palette (#EEF1DA, #4DD0D1, #00A8C8, #7463C2, #00383D)
• Timeworn Harbor color palette (#E0F8EF, #85BC83, #4B866E, #335670, #173130)

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