Cobalt Field color palette — #EDDCE6 · #50C1E6 · #037AC0 · #005A54 · #0F1C41

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

The five colors

• Shell Pink (#EDDCE6): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#50C1E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#037AC0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#0F1C41): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Forest color palette (#ECDDE7, #5CC5C0, #008396, #005D32, #002334)
• Linen Ultramarine color palette (#FBE4EB, #67A8DC, #325ACE, #004951, #15043B)
• Dusty Field color palette (#FCE8F0, #98CBEF, #5C85CF, #006B72, #292850)
• Muted Cobalt Balcony color palette (#FCF4E8, #ACD8C0, #0083BD, #005153, #000C20)
• Cerulean Chapel color palette (#EEDAE7, #2EA1BD, #005E8C, #003C35, #000624)
• Seafoam Corridor color palette (#FFF0FA, #53E3E4, #009CBA, #00764B, #003753)
• Tempered Thicket color palette (#FEF1F7, #CCE9FF, #7DA7DF, #39888A, #3D475E)
• Chalky Corridor color palette (#B7ECED, #00D6D6, #44A8F6, #4A7533, #002C29)

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