Cobalt Field color palette — #F6ECE6 · #A4D0B8 · #548AC1 · #006E5A · #262950

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

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Pistachio (#A4D0B8): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#548AC1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#262950): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Iris Thicket color palette (#F8ECDF, #9DC9F2, #727FCD, #006B6F, #37214F)
• Azure Parlor color palette (#FFF2EB, #85DAEC, #0095DD, #007654, #1A2777)
• Indigo Studio color palette (#F7EBDF, #8BBEAD, #536CCC, #005958, #261142)
• Softworn Cornflower color palette (#FBF2F7, #BEEFFF, #1096F8, #006C57, #181A3C)
• Antique Petrol Garden color palette (#E7F2E9, #95B7CA, #00709F, #004F50, #002E58)
• Chalky Azure color palette (#F3EEE4, #A0DEF3, #18B1F5, #009092, #062F54)
• Wandering Iris Delta color palette (#FEF3E8, #BDDFFF, #8593EE, #008287, #4A3364)
• Turquoise Workshop color palette (#FEF2EE, #D4EDD3, #69B0C8, #5E8660, #553E59)

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