Frosted Workshop color palette — #F7F1E8 · #ABD5FA · #327CF6 · #005F74 · #1C2147

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Powder Blue (#ABD5FA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#327CF6): A luminous, vivid violet — the color of wild irises.
• Peacock (#005F74): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1C2147): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Frosted Workshop 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

• Wandering Drift color palette (#F7F1E8, #95DCF0, #008EC0, #006260, #002745)
• Indigo Canyon color palette (#FFF1F5, #A0D5FF, #5D75DE, #006667, #463564)
• Ancient Periwinkle color palette (#EDF9EF, #BCE0FF, #619AF8, #007E9A, #363C63)
• Patina Drift color palette (#F7EDDE, #5C90B5, #00478F, #002A33, #01001D)
• Weathered Villa color palette (#FFEFDE, #E39425, #007AC1, #804E00, #00223C)
• Timeworn Ridge color palette (#E5DED4, #338595, #004258, #001F1D, #000104)
• Worn Pier color palette (#EFE8DD, #7EC1C1, #007989, #004D3B, #001923)
• Soft Thicket color palette (#FAE0C0, #AE7600, #008687, #833E9C, #231500)

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