Cobalt Field color palette — #B7F6EC · #47BBCC · #0080B2 · #33528B · #3D3F68

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

The five colors

• Sea Foam (#B7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#47BBCC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0080B2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#33528B): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3D3F68): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Cobalt Field 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

• Tempered Teal color palette (#C8F9D8, #62BFA6, #008489, #00607F, #3C4065)
• Washed Cobalt color palette (#C4F1FF, #67B1E4, #5276BC, #5E5191, #574067)
• Softworn Navy color palette (#EFF6FF, #9AC0F3, #4870A7, #14467C, #032C4C)
• Sky Study color palette (#D5EFC9, #6BDBF2, #0DB6F3, #5683C4, #5F3C52)
• Worn Delta color palette (#DBECEF, #00A3D1, #0066B9, #360BC0, #4A1470)
• Tempered Petrol Orchard color palette (#ECF7FF, #6AA8CE, #B57B41, #006D9C, #5C3A17)
• Cobalt Bloom color palette (#EDF7FF, #3191CC, #9F712D, #6A6525, #223B4E)
• Lagoon Terrace color palette (#ECF7FF, #DCDAE4, #F0BDD5, #408D83, #3E4B60)

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