Cerulean Courtyard color palette — #FAEFEA · #CAE4D3 · #6193BE · #226D57 · #3B2335

Slate Blue and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAEFEA): a clean, paper-quiet neutral.
• Celadon Mist (#CAE4D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6193BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#226D57): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3B2335): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Dusty Cobalt color palette (#FBEFE6, #AAD2C1, #5A7BB6, #005C55, #21193E)
• Weathered Cypress Harbor color palette (#F9EFED, #CCE2DB, #70A6B6, #537550, #173E35)
• Hushed Iris Courtyard color palette (#F9F1E1, #BAA15C, #8F81C8, #7B6100, #292045)
• Washed Thicket color palette (#FAF2F8, #D1DFF7, #7DAAD2, #1F8E71, #384767)
• Lagoon Delta color palette (#F2E0DA, #218790, #00415A, #00210F, #000107)
• Weathered Denim Thicket color palette (#F4E8DC, #6CA2CD, #3F4FA1, #00393A, #110026)
• Timeworn Sapphire color palette (#FFEFE0, #80C4EF, #3D66DE, #00524E, #200248)
• Muted Cocoa color palette (#FAF1DE, #B1AD87, #807548, #6E3F00, #20250F)

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