Cobalt Study color palette — #DDEEF1 · #20BBF0 · #008BDB · #375AA7 · #30305C

A conversation between Azure and Cyan, giving this palette its sense of trust and stability.

The five colors

• Frost (#DDEEF1): bright and airy, almost weightless.
• Cyan (#20BBF0): A luminous, balanced blue — the color of deep harbor water.
• Azure (#008BDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#375AA7): A full-bodied, balanced violet — the color of wild irises.
• Navy (#30305C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Chalky Dune color palette (#D7F1FF, #00A1E8, #006EB0, #124F89, #273B5F)
• Feathered Chapel color palette (#C3F0EE, #41CCF2, #489EE9, #5E6ABD, #3E3464)
• Hushed Teal color palette (#D0F9EF, #00C7C8, #0095AC, #006386, #1B3A5D)
• Wandering Cornflower Dune color palette (#F1F5FF, #9CB4FF, #4F78E4, #3C4A9E, #151F49)
• Hushed Dune color palette (#D5EFFA, #0097DC, #0062CF, #2F1EAB, #261051)
• Indigo Station color palette (#CFE8FF, #7FA9FF, #6D77F7, #6B499D, #472C4D)
• Muted Study color palette (#E6EFFF, #86A3F9, #F26020, #4D69CC, #552615)
• Hushed Cerulean Grove color palette (#EEF6FF, #E0DBFF, #EAAADC, #309EB5, #354054)

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