Soft Courtyard color palette — #FFF2EC · #B1F2FD · #269CD9 · #006D48 · #0A1947

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#B1F2FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#269CD9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D48): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0A1947): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Cypress Loft color palette (#FFF2EB, #C1E9F7, #74ABE0, #008268, #262A50)
• Sunlit Harbor color palette (#FFF2E9, #9ED5F0, #3B78D4, #005249, #0E012E)
• Aged Workshop color palette (#F4ECF2, #70C0CB, #00709F, #005334, #1C2C51)
• Denim Orchard color palette (#F0DFD4, #6BACC6, #1A5595, #002C24, #010009)
• Timeworn Corridor color palette (#FAF4EE, #C3E3F6, #A8B9EA, #3B9190, #543443)
• Hazy Quarry color palette (#FFF0F9, #E478C2, #008656, #006965, #1D0015)
• Tempered Spruce Lagoon color palette (#FFE8E2, #63CAC7, #00738D, #00420D, #000308)
• Worn Chapel color palette (#FFF1F3, #E3D7D1, #ECC892, #7377BA, #3A1614)

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