Cobalt Study color palette — #F7F1E8 · #A8D2C1 · #3C80BE · #005A65 · #0D1E44

A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#A8D2C1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3C80BE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#0D1E44): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Chapel color palette (#F6F1E9, #B8CFB6, #0A8C99, #005E45, #002530)
• Tempered Cobalt color palette (#FCF2F6, #A2CBE7, #4577C7, #006157, #39345B)
• Timeworn Chapel color palette (#C2EDF1, #16A1C3, #007296, #004972, #051D43)
• Dusty Studio color palette (#EFE4D4, #54969F, #005266, #002C27, #00050B)
• Gentle Parlor color palette (#C8EFE3, #3482BD, #AD4663, #4C6600, #001528)
• Wandering Balcony color palette (#DBFAF1, #EDC9E5, #B7A2DC, #007896, #2F1A30)
• Weathered Market color palette (#F5F1EB, #C7E3E3, #78A1C3, #207880, #442D44)
• Washed Bronze color palette (#DAEFE7, #5699C3, #B76126, #005B85, #311200)

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