Cobalt Study color palette — #FBF2F7 · #A3CBE5 · #507CA9 · #00605E · #2E375F

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A3CBE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#507CA9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#2E375F): 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 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

• Hazy Petrol color palette (#FFF0FB, #62C8DD, #0077A5, #005749, #003169)
• Cerulean Thicket color palette (#F1F3EC, #ADD1C0, #3484B0, #005968, #00223B)
• Wandering Azure Field color palette (#EFF7F6, #B7DAF1, #509ECE, #00798E, #153D5D)
• Timeworn Stone color palette (#F2F5FF, #EED2ED, #E29CA2, #58709E, #3D3C5A)
• Misty Violet color palette (#DFE2FF, #8663C1, #6D730C, #00673B, #262843)
• Tempered Sky Study color palette (#FAF4EF, #C1ECD7, #78B7F7, #00A09D, #2F385B)
• Weathered Navy Station color palette (#E9DDE2, #4789AC, #003A7A, #002223, #06002B)
• Muted Denim Bloom color palette (#EDD9E1, #7FA3C1, #2B539F, #003D42, #1C1548)

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