Misty Forest color palette — #F6EFF6 · #99DFDB · #0091B1 · #056816 · #002646

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Ice Blue (#99DFDB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0091B1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#056816): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002646): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Misty Forest 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 Garden color palette (#F8EFF5, #AACDDF, #2C82C0, #005E46, #171D3D)
• Powdered Workshop color palette (#EEF8F0, #72E4E2, #008FA0, #006950, #00475B)
• Turquoise Ridge color palette (#FFF2EE, #7EF1F0, #0BACD4, #3B8447, #224163)
• Wandering Ridge color palette (#F6F0F4, #D3D2E7, #73A2C4, #3A795F, #2A364B)
• Wandering Atelier color palette (#F2E4EB, #458294, #003E6A, #002018, #01000B)
• Tempered Thicket color palette (#F5EBF0, #6EA5BB, #0057A6, #003A31, #09022A)
• Feathered Olive Hollow color palette (#F4EADB, #ACA100, #448000, #00592C, #002F2B)
• Airy Sky Alley color palette (#DBFAF1, #A1F1FF, #4BC5FE, #8D6300, #00302E)

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