Cobalt Field color palette — #FBF4ED · #A8CFC1 · #4674CE · #005F66 · #37355B

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Pistachio (#A8CFC1): A whisper-light, dusty teal — the color of glacier melt.
• Sapphire (#4674CE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005F66): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#37355B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Powdered Cobalt Chapel color palette (#FFF2EA, #5DC6ED, #0072BB, #005652, #1E2D66)
• Softworn Cobalt color palette (#E8F5F4, #ABCBE9, #417EC1, #115672, #0C203B)
• Cerulean Parlor color palette (#FFF2EC, #95DDE0, #008DAC, #006A48, #184462)
• Cerulean Canyon color palette (#EFF8F1, #C6E4FF, #8BB4ED, #349AB2, #2B3A58)
• Periwinkle Parlor color palette (#FAF4EF, #C5ECEE, #779AD0, #287C81, #5F4C58)
• Cerulean Corridor color palette (#F4E9E2, #399EB3, #005072, #003129, #001232)
• Patina Jade color palette (#D6EFD6, #32BE84, #00826E, #00565A, #193854)
• Ancient Teal Coast color palette (#DEFFE4, #23BCBF, #006D70, #004041, #002C2D)

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