Teal Courtyard color palette — #F1F7F2 · #D2E1F1 · #A1CEE3 · #67B39C · #395769

Jade and Sky set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D2E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A1CEE3): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#67B39C): A luminous, balanced teal — the color of glacier melt.
• Peacock (#395769): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Lagoon Drift color palette (#F8F3F8, #D4E1EE, #85BAD0, #60956B, #3F546E)
• Softworn Stone color palette (#ECF9EF, #BDDEEF, #E1B689, #B3AEB8, #3C5145)
• Aged Parlor color palette (#DAE6DC, #80BBC9, #008FBC, #006D68, #001527)
• Sky Atelier color palette (#EDF9EF, #B9EEFF, #59C3F9, #00A5A4, #034271)
• Hushed Coast color palette (#E9FBED, #DEC588, #69CFDE, #D793D5, #344839)
• Ash Canyon color palette (#F6F1EA, #C0ECE0, #6EA7B2, #5F724E, #213D31)
• Washed Marigold Studio color palette (#EFF8F0, #BCE0C0, #A6C8FE, #CDA04D, #3A4E6A)
• Muted Cabin color palette (#E3FDED, #B1E7E3, #C8B774, #9F883A, #153F2A)

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