Cobalt Studio color palette — #FAF0E8 · #A5D4BF · #567CB7 · #005C53 · #1F1A3D

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Pistachio (#A5D4BF): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#567CB7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1F1A3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Indigo Harbor color palette (#F9F0E6, #A8D5FF, #6A77DE, #006165, #2E1747)
• Cobalt Villa color palette (#FFEEE5, #51CDEC, #0077BE, #005440, #0F1045)
• Cerulean Coast color palette (#F3F7EA, #AACFBF, #497EA4, #005D71, #173D60)
• Worn Veranda color palette (#FEEEEA, #93D6D1, #008AA5, #305B2C, #002720)
• Worn Grove color palette (#F9EFEC, #ACEAE7, #4A99B3, #456847, #362539)
• Wandering Cerulean Ridge color palette (#CAE8E3, #00A2AF, #006B8F, #143C76, #1E1C41)
• Wandering Petrol color palette (#EFF8F1, #D8D6E2, #75ACDD, #007D8A, #1B2F4A)
• Powdered Cerulean Station color palette (#CDF2E0, #0088B0, #906500, #5A5B05, #00190F)

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