Cobalt Studio color palette — #E3F4E6 · #B08622 · #5573C9 · #6F5100 · #23325E

Sapphire and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Honeydew (#E3F4E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#B08622): A luminous, balanced gold — the color of honey in a jar.
• Sapphire (#5573C9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#6F5100): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#23325E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Soft Indigo color palette (#D6F8EA, #8A9637, #7B67C2, #545D00, #372C5B)
• Cobalt Dune color palette (#DFEDE2, #AF8C32, #4679D3, #6B5100, #001749)
• Muted Amber Terrace color palette (#FFE7F2, #C67744, #0085A9, #873F00, #003C4E)
• Gentle Balcony color palette (#F8EDDC, #C7A347, #5E94EF, #8D6C00, #163365)
• Ancient Courtyard color palette (#D0F0DB, #816B00, #4740C2, #453800, #140354)
• Antique Bronze color palette (#CDEED7, #947600, #007A8B, #7C4176, #362A00)
• Grape Alley color palette (#C6EFE4, #76A522, #8327C0, #3C5900, #410764)
• Hushed Cocoa Meadow color palette (#D8EFDB, #78A289, #785F2F, #603A0F, #16382B)

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