Frosted Field color palette — #F5ECE9 · #BADDC4 · #25B2EB · #009478 · #012E5A

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F5ECE9): bright and airy, almost weightless.
• Celadon Mist (#BADDC4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#25B2EB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009478): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#012E5A): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Periwinkle Lagoon color palette (#F6EDE5, #B2DED0, #7EA2F2, #008F9D, #2C2554)
• Aged Hollow color palette (#F5F7E8, #B5ECE4, #00A2C3, #00696B, #00222F)
• Softworn Forest Basin color palette (#F4E9E4, #74BFBE, #0092AC, #007145, #001624)
• Wandering Studio color palette (#FAF4EE, #C2EAEF, #A1BDF9, #00ACBC, #5E3B4F)
• Hushed Petrol color palette (#F4E3F0, #61C4D4, #00759E, #004D3E, #001631)
• Airy Moss Cabin color palette (#E9F1CF, #A5EDE4, #91D4FF, #85A334, #003C32)
• Tempered Jade Ridge color palette (#B2F0D6, #65D4A4, #00B088, #007860, #001D15)
• Fuchsia Hollow color palette (#DCE2C8, #71C583, #F975C7, #00903E, #4C0136)

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