Periwinkle Loft color palette — #F7F0EC · #C5E6E6 · #7D9ECF · #38786E · #422F3A

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

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#C5E6E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7D9ECF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#38786E): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#422F3A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Periwinkle Loft 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

• Ash Atelier color palette (#F9F4ED, #C6E9EA, #749EC3, #3F7980, #5F4B5E)
• Emerald Courtyard color palette (#FFEBF7, #9393DD, #649E60, #5E845B, #32212C)
• Stone Loft color palette (#FDEDF5, #E5D4CF, #D0C08E, #658DA8, #4C3B3E)
• Hazy Pier color palette (#D3FDEE, #96AEE9, #7875CA, #6C4F7F, #482A2B)
• Nightshade Courtyard color palette (#EFE2D4, #618EB8, #3519C4, #002B2D, #080014)
• Antique Bloom color palette (#FCEEEB, #9CDEDB, #0091B2, #00681B, #002647)
• Softworn Petrol Coast color palette (#F4E5DF, #75C2C8, #00759D, #004F2A, #001339)
• Tempered Indigo Study color palette (#FCEDF3, #B8A9E0, #9CA356, #7862AB, #33312A)

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