Cobalt Field color palette — #ECF1E2 · #99CBEF · #408BCD · #006785 · #182E4C

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#99CBEF): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#408BCD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006785): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#182E4C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Atelier color palette (#EFF0E3, #84D4D6, #0098A5, #006D63, #00343E)
• Petrol Orchard color palette (#F6EDE0, #86B8DB, #386AA5, #004E5B, #1E2B53)
• Aged Periwinkle Studio color palette (#E7F2E9, #B7D8F3, #63A7F8, #008EA4, #1A2860)
• Tempered Workshop color palette (#FAF4EE, #CCEAFF, #6E8DE2, #006A67, #22133E)
• Aged Pier color palette (#F5F7E7, #94EBF7, #00AECB, #008281, #05475A)
• Aged Veranda color palette (#EDF0E2, #1EB2DB, #006F97, #004952, #001625)
• Lagoon Market color palette (#F4F6EE, #BEEFF6, #C3A6C5, #64927F, #5C4D5B)
• Tempered Parlor color palette (#F3D9C0, #D88100, #009F6C, #8E5300, #00321F)

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