Cobalt Studio color palette — #EFF8F0 · #DCC495 · #66BCA6 · #6C85C0 · #5E3243

Slate Blue and Mint Leaf set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sand (#DCC495): A whisper-light, dusty gold — the color of old brass.
• Mint Leaf (#66BCA6): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#6C85C0): A luminous, balanced violet — the color of wild irises.
• Cocoa (#5E3243): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

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

• Timeworn Cerulean color palette (#FEF1F7, #F0BA9A, #90B681, #2794B5, #4D385E)
• Ancient Cabin color palette (#EBF8F5, #B6D1A2, #71B4CD, #9D75AE, #58364A)
• Timeworn Teal color palette (#FCF3EF, #FFB5B4, #33AEA8, #88597D, #512C30)
• Sunlit Meadow color palette (#EBF8F7, #8DD19B, #6EA5D8, #B75490, #4A3400)
• Tempered Stone color palette (#E9FAED, #C1E0E1, #A5C4D0, #8D9CB1, #4F5066)
• Petrol Harbor color palette (#FDF1F8, #D5A493, #889260, #5764A3, #613525)
• Powdered Indigo Garden color palette (#E5FCF0, #C4BC36, #00AFA9, #5960E9, #5D002E)
• Tempered Violet Boulevard color palette (#E3F7F1, #9DBF71, #00A4C1, #8455B5, #550A00)

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