Misty Cobalt color palette — #CFE1F1 · #0087D0 · #578100 · #006340 · #001D31

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

The five colors

• Frost (#CFE1F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0087D0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#578100): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006340): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#001D31): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Worn Fern Atelier color palette (#CDE2ED, #008FAC, #7E7400, #2E6100, #001F27)
• Airy Cobalt color palette (#DEEAF9, #3573CD, #316D00, #005348, #001825)
• Sunlit Azure Quarry color palette (#E5F0FD, #5A91DA, #50934C, #00715F, #15273D)
• Pale Bloom color palette (#D6DDF2, #796EDA, #008568, #005E65, #181537)
• Aged Lapis Meadow color palette (#D6DEF2, #554EC0, #5D5400, #00413E, #161636)
• Worn Emerald color palette (#FBD1DF, #C994FF, #3E9320, #007C60, #2F0C1C)
• Weathered Pine Grove color palette (#F4D4E0, #B86B02, #298730, #006150, #2B1400)
• Gentle Moss Pier color palette (#FFF1F7, #D08D5C, #709F56, #008268, #452936)

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