Cerulean Courtyard color palette — #FBF4EE · #B4E4FF · #6A8AC2 · #187168 · #5A3E4D

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Powder Blue (#B4E4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6A8AC2): A luminous, balanced violet — the color of a velvet chair.
• Teal (#187168): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5A3E4D): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Cornflower Dune color palette (#FEF3EB, #99D9F4, #2D7FDE, #00685A, #3B3A65)
• Softworn Cerulean color palette (#F4F6EE, #BBE7E9, #7CAACF, #33869E, #573D5A)
• Wandering Hollow color palette (#E8F5F4, #C8E0F1, #6993B3, #15687E, #162E45)
• Timeworn Cerulean Boulevard color palette (#FDF2EF, #CAE5C7, #4397AE, #4B6C48, #265147)
• Soft Azure color palette (#E3FCF1, #00AEE7, #B37C43, #186E91, #47413C)
• Tempered Turquoise color palette (#B1F9F2, #00C3D2, #0083B0, #3A568B, #5F4056)
• Hushed Mallow color palette (#E2FDEF, #E1D7DF, #E5AED2, #677E5B, #584958)
• Powdered Atelier color palette (#EFF6FF, #7ABCFA, #3675AD, #24436E, #142C4B)

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