Cobalt Study color palette — #F1F3EB · #A3D1AC · #5384C6 · #3E8252 · #1C121C

Cerulean takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Pistachio (#A3D1AC): A luminous, dusty teal — the color of sea glass.
• Cerulean (#5384C6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3E8252): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#1C121C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Weathered Cobalt Lagoon color palette (#F2F7EF, #83D3BA, #5180B6, #387B68, #322B33)
• Cerulean Cabin color palette (#F4F1EB, #CDC497, #2F8EB5, #81721B, #0C1914)
• Cypress Meadow color palette (#EFF3EC, #8CD4C2, #A36DA0, #008570, #201113)
• Muted Studio color palette (#ECF8F7, #B1DFB3, #9A91D2, #6E9970, #2B2D37)
• Timeworn Study color palette (#EEF7CF, #7ECEC2, #0097B5, #2A568C, #2D1D4D)
• Aged Cobalt Study color palette (#FCEFE6, #76BCA5, #467DAF, #6F472E, #233024)
• Hushed Violet color palette (#F0F4E8, #509567, #8654A0, #5D4A11, #181B0E)
• Dusty Aubergine color palette (#DCEBDD, #00898F, #72006D, #003F42, #040001)

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