Cobalt Field color palette — #DCF1FF · #89C2ED · #6686CF · #55568B · #363854

Lavender Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCF1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#89C2ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#6686CF): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#55568B): A full-bodied, balanced violet — the color of wild irises.
• Navy (#363854): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Muted Iris Grove color palette (#ECF2FF, #C0C1F5, #7F7BC6, #494575, #141D37)
• Dusty Chapel color palette (#D5FAFF, #77CCD0, #0090A8, #196483, #23384D)
• Periwinkle Workshop color palette (#D8FFF5, #DFDEF7, #87AFFA, #6374A8, #583E50)
• Dusty Violet color palette (#E4ECFF, #B5A9E6, #9867B6, #774C74, #382C41)
• Timeworn Amber color palette (#EDF2FC, #A1B1E3, #B79843, #5C6EAA, #1D3826)
• Cerulean Study color palette (#EAF2FF, #DCD5E2, #E0B5CE, #688CA9, #343643)
• Wandering Ridge color palette (#E5E9F7, #998CE6, #8745C6, #5E2167, #3A0D28)
• Amethyst Basin color palette (#DAE9F7, #7399FF, #6D2FF7, #5E0B90, #3B1241)

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