Cerulean Courtyard color palette — #F8EFF5 · #ADE7F7 · #5C93C0 · #266C56 · #1E2B46

Built around Slate Blue, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8EFF5): a clean, paper-quiet neutral.
• Powder Blue (#ADE7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5C93C0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#266C56): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#1E2B46): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ash Lantern color palette (#F5EFF6, #CFD5F3, #78A3BA, #447570, #293847)
• Cobalt Study color palette (#FCEDF4, #9ECFEA, #5B7BB6, #005C55, #211A3C)
• Wandering Turquoise Courtyard color palette (#E3F5FF, #00B6D8, #C17857, #007086, #381C2E)
• Washed Powder Lagoon color palette (#F9F4ED, #BCE5F3, #88C4E4, #44908E, #1B483E)
• Teal Workshop color palette (#AFF0D7, #00C5C3, #008DAB, #18527B, #1B2A44)
• Antique Lagoon color palette (#F3E2F2, #29878D, #004259, #00210D, #000106)
• Cerulean Pier color palette (#E3F5FF, #009DBF, #B26B35, #935C33, #04212F)
• Powdered Coast color palette (#F4E5EA, #63A3D5, #3B4BB0, #00393A, #110026)

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