Cerulean Courtyard color palette — #F0F7F3 · #CFDCDD · #A2C8CD · #438BA2 · #303F36

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CFDCDD): a clean, paper-quiet neutral.
• Ash (#A2C8CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#438BA2): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#303F36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Lagoon color palette (#F9F3F9, #E6D4D8, #D7B6BA, #5383BB, #403741)
• Lagoon Meadow color palette (#F4F7E9, #8BC49F, #09976F, #307067, #2F3B00)
• Muted Workshop color palette (#EAF1EE, #B5CAC3, #B39CB4, #006990, #0F241C)
• Cobalt Boulevard color palette (#D3E9E3, #0085D8, #293F66, #042821, #06100C)
• Ash Loft color palette (#F9F3F7, #E1D7D7, #BCAFA7, #B28FA7, #575055)
• Soft Iris color palette (#DEFDF3, #A6E6FF, #66C0FF, #6095FF, #422B45)
• Hazy Sapphire color palette (#E8F4D9, #49ABEB, #4272D5, #7D3571, #0E3830)
• Cocoa Garden color palette (#F7D7F1, #CBAABE, #9783B7, #8A5761, #692C10)

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