Frosted Studio color palette — #F1F7F2 · #B0EDEE · #00C7E2 · #25A284 · #173F55

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Sea Foam (#B0EDEE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00C7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#25A284): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#173F55): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Powder Terrace color palette (#F0F7F1, #D2DFF7, #79C8F4, #3FABA9, #334A61)
• Wandering Azure color palette (#E8F1EA, #A4DDF4, #3AAEF4, #009096, #112E51)
• Azure Workshop color palette (#FAF2FA, #ADDEEC, #00A5CF, #367D46, #253C56)
• Muted Petrol color palette (#E6F0E8, #54B1B9, #00829B, #005F51, #000B13)
• Patina Glacier color palette (#DFFCF9, #ACECF0, #54EAFB, #A3B478, #244344)
• Powdered Mallow Chapel color palette (#DFF4F0, #93D288, #E897FB, #4E9C41, #442A4A)
• Cerulean Study color palette (#F2F2EB, #B3D0B5, #008C99, #005C54, #00252D)
• Washed Clover color palette (#CAEDE9, #5DC972, #7E9FFF, #D97468, #043330)

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