Periwinkle Courtyard color palette — #CDFBE6 · #97D3FA · #6EA2CF · #597BA4 · #60445E

Blue Fog and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CDFBE6): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#97D3FA): A whisper-light, balanced blue — the color of deep harbor water.
• Blue Fog (#6EA2CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#597BA4): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#60445E): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Antique Turquoise color palette (#DBFDE6, #91D4EA, #58AAC9, #4181A1, #345A4F)
• Periwinkle Dune color palette (#FFF0FD, #B1C3F7, #979EDC, #7573A8, #694759)
• Petrol Alley color palette (#E0FEE8, #87C0DB, #4487B8, #3E67A8, #6C4960)
• Washed Cerulean color palette (#FDF0FE, #A3C7F3, #DA9CB7, #648FC2, #674240)
• Patina Sky Garden color palette (#E8F8FF, #9BE4FF, #65BDFC, #7D97CF, #464E67)
• Airy Iris color palette (#E9EEFF, #9A9EF0, #8473D2, #644BA0, #42305C)
• Indigo Coast color palette (#D0E0FC, #7692FF, #5D66E2, #4A379B, #2D2058)
• Weathered Ash color palette (#FEF1FB, #E7D5D7, #AFB1A5, #B497B6, #5D4D59)

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