Misty Garden color palette — #F7ECE7 · #72D7DB · #1E93BB · #1D6F3B · #0F2E54

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#72D7DB): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#1E93BB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#1D6F3B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0F2E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Misty Garden 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

• Cobalt Studio color palette (#F9ECDF, #92CCF5, #6A82CB, #006C6A, #32264A)
• Cerulean Terrace color palette (#FBF2F8, #B2F3F7, #0EA1C7, #006D4D, #002038)
• Linen Cobalt Summit color palette (#F4E9E1, #75BDD3, #0079C5, #005B47, #15174A)
• Timeworn Turquoise color palette (#EFEFE7, #A4E0E2, #00B9CC, #009287, #00343F)
• Aged Petrol Quarry color palette (#E0F3EF, #79BFC3, #007683, #00504A, #00343F)
• Soft Periwinkle Station color palette (#FFF2EA, #ABE5FF, #5F9DF0, #008474, #3C3A64)
• Frosted Ultramarine color palette (#F4E8DC, #49ABEC, #4057CD, #004A49, #1A0534)
• Cerulean Harbor color palette (#ECDDD6, #00A3C0, #005C93, #003D2D, #04002C)

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