Periwinkle Courtyard color palette — #FCF3EF · #C0E9E5 · #7BAAD3 · #4A8973 · #583E51

A conversation between Blue Fog and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C0E9E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7BAAD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#4A8973): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Periwinkle 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 Study color palette (#FCF3EC, #B4E0CE, #7A95C9, #007D74, #3B345B)
• Timeworn Harbor color palette (#FBF2F8, #D6D4E1, #8BC0F3, #34957B, #343F56)
• Washed Corridor color palette (#FCF3F1, #CFE8E0, #94BCA6, #6D916C, #2F524A)
• Softworn Canyon color palette (#E6FCED, #53C9E2, #D6936C, #0790A6, #5D3822)
• Cerulean Terrace color palette (#C3FADE, #5DD0C8, #00A3BB, #3175A3, #3C4B73)
• Teal Station color palette (#E5FCEE, #F3DAD4, #EEBFB2, #6FA997, #385850)
• Antique Amber Alley color palette (#DFFEEE, #54B2D5, #CB8559, #9A7932, #1C4030)
• Aged Archive color palette (#F2E5E0, #48A2A8, #006182, #003E1F, #00071F)

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