Cobalt Market color palette — #F8F0EA · #C4E5D8 · #688ECA · #006C71 · #3B2333

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Celadon Mist (#C4E5D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#688ECA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B2333): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Market 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 Cerulean Harbor color palette (#F8F0EC, #C9E5CE, #2C9AC2, #056F55, #05342C)
• Worn Cerulean color palette (#F4F7ED, #B9E3FF, #5B8FBD, #1B6C86, #553F56)
• Worn Cornflower Cabin color palette (#FCEFE5, #9BD9FB, #0681F0, #006263, #1C2049)
• Soft Amber Market color palette (#E7F6F0, #51AFE2, #BB8000, #006D99, #372300)
• Feathered Basin color palette (#D6F1D9, #4EBFDB, #0083B4, #1F508E, #252C4E)
• Softworn Drift color palette (#EDE1DB, #4FACB6, #00617E, #003B2B, #000B1B)
• Washed Mallow Ridge color palette (#E1F8F0, #E0D2DB, #DDAEE2, #3F929A, #392938)
• Hushed Navy color palette (#F0E6DF, #418298, #003F65, #00201C, #00000D)

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