Cobalt Study color palette — #FFF0FA · #C0CB94 · #636AB0 · #3A3F64 · #2B1C26

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Pistachio (#C0CB94): A luminous, dusty green — the color of fresh herbs.
• Slate (#636AB0): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3A3F64): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2B1C26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Hushed Seafoam Summit color palette (#FEF1F5, #90D7AE, #81629A, #5A3642, #2D1C22)
• Patina Cobalt color palette (#FAF2FB, #F4B399, #3F73B2, #503952, #261F27)
• Patina Lichen color palette (#F1F5FF, #DEEDB7, #6F729E, #2B3757, #0A0F1D)
• Worn Loft color palette (#F2F5FF, #CDA95B, #4E4A7B, #252C47, #1D1825)
• Aged Ash color palette (#FBF3F5, #E4D9D3, #D1C1AC, #A180B5, #504447)
• Hushed Market color palette (#FFF0F7, #FFC4C2, #978CBD, #7D5568, #2C1C24)
• Feathered Ember color palette (#FAF3F7, #B5BFFF, #E16054, #6E77CC, #321F16)
• Antique Boulevard color palette (#FFF0FB, #7489DE, #9C7300, #006F86, #33232F)

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