Frosted Azure color palette — #FAF2F8 · #ACF4FE · #009DDB · #006E45 · #0B1B42

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#ACF4FE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009DDB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E45): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0B1B42): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Frosted Azure 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 Iris Market color palette (#FCF2F6, #D2E1FF, #608FEA, #006B63, #1F1540)
• Worn Turquoise color palette (#F7EDDE, #9EE0EA, #45B3D6, #009284, #00324B)
• Cobalt Coast color palette (#FDF1F7, #9AD5F1, #3579D5, #005248, #0D012F)
• Petrol Canyon color palette (#DFECEA, #8EBBCE, #00788D, #004B4B, #001922)
• Dusty Periwinkle Alley color palette (#FFF1F7, #D7D4E0, #85ACFF, #008881, #372D57)
• Hushed Corridor color palette (#EBDEE5, #65ADC7, #00559B, #002C23, #01000A)
• Washed Mint color palette (#D9FFF1, #4FDEAC, #009373, #004126, #000803)
• Spruce Pier color palette (#F6E9F7, #5ECBC8, #00738D, #00420D, #000308)

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