Frosted Cobalt color palette — #D1ECC8 · #40C4DE · #0086C1 · #2A5892 · #5A394C
A conversation between Cerulean and Cyan, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D1ECC8): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#40C4DE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0086C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#2A5892): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5A394C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Frosted 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
- Cornflower Archive color palette (#CBF5D9, #6AABE2, #5A78DC, #5C5093, #65404B)
- Faded Ridge color palette (#BBF8F8, #70D7F1, #5AB7F1, #5989BE, #40486C)
- Airy Cabin color palette (#E3ECC5, #51C5AE, #008694, #005D79, #2F4666)
- Worn Study color palette (#D7E9EC, #09BBE6, #007EB0, #1C4C79, #182B45)
- Feathered Amber color palette (#E9FAF0, #49AECB, #A98400, #00718A, #51400F)
- Tempered Nightshade color palette (#D4F7FC, #009CE2, #0062C9, #4100C0, #451B68)
- Antique Mallow color palette (#E2FCF1, #EBD9D3, #EAABD9, #478E8B, #554554)
- Chartreuse Boulevard color palette (#DFECCE, #B4D430, #74B5FF, #523842, #322932)
Browse the whole catalog at Explore, or see today's palette.