Frosted Corridor color palette — #E7F2E9 · #97CBF4 · #5687CF · #00697E · #222954

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#97CBF4): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5687CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#222954): A deep, shadowed, dusty 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 Frosted Corridor 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

• Azure Workshop color palette (#F3F7E9, #B3ECF2, #4596E5, #006585, #001B49)
• Hushed Cerulean color palette (#E7F2E9, #77D6DC, #0096B0, #006E5C, #003346)
• Timeworn Petrol color palette (#F6EBEF, #87B7DD, #4866A6, #004E56, #2B2652)
• Gentle Turquoise color palette (#ECF9EE, #89ECFF, #1BAAD7, #00837A, #004469)
• Periwinkle Workshop color palette (#F4EDE6, #B5DDD1, #7CA1F8, #008F9D, #2C2554)
• Patina Powder color palette (#F0F7F1, #DBDDEC, #9AB3D7, #638CA4, #4B5264)
• Petrol Harbor color palette (#E4F2E6, #3EB0DA, #006CA5, #00494E, #001231)
• Soft Rose color palette (#FEE9EA, #ED2D5C, #508D18, #2669B5, #390E15)

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