Cobalt Field color palette — #EFF8F0 · #A9C8E9 · #5776B8 · #005C75 · #333560

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sky (#A9C8E9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5776B8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#333560): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Feathered Garden color palette (#EDF9EF, #7DC1E6, #0071BD, #00545E, #092A76)
• Antique Cobalt color palette (#EEF3EE, #B1CAE4, #6E77B1, #005B5F, #29153D)
• Washed Atelier color palette (#EFF8F1, #C1E2F1, #5793AC, #266F68, #2B4B65)
• Denim Ridge color palette (#D5E3D7, #559AB1, #004F73, #003031, #00142C)
• Wandering Periwinkle Villa color palette (#FBF4EA, #C0EBDF, #8AB0FF, #109AC0, #4E2F44)
• Hazy Olive color palette (#F4DCF3, #BD5357, #33801F, #2B58A3, #461D1E)
• Pewter Atelier color palette (#FFF0FD, #F9CEE9, #C7A77D, #995770, #503349)
• Mulberry Thicket color palette (#FAE8FB, #CF6977, #008B85, #942A3F, #003F3C)

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