Cobalt Field color palette — #FFF2EC · #ED9A85 · #59AFA4 · #2F78AD · #341E12

A conversation between Slate and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#ED9A85): A luminous, balanced orange — the color of sun-warmed clay.
• Turquoise (#59AFA4): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#2F78AD): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#341E12): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Indigo Summit color palette (#FFF3E6, #DEA669, #47ADC4, #6467BD, #302110)
• Ancient Parlor color palette (#FFF1F1, #E298BF, #7CAD77, #008381, #361C1C)
• Pale Denim Boulevard color palette (#FEF3E5, #DBB47A, #359F7A, #245C9F, #461635)
• Ancient Denim Coast color palette (#FDF3EB, #D49369, #008D88, #38589F, #270E0E)
• Dusty Blush color palette (#FFF2EF, #FF95A8, #51C4AD, #9781CA, #412D28)
• Petrol Balcony color palette (#FFF4E2, #F4C187, #95974A, #006A9D, #35312B)
• Grape Ridge color palette (#FFF4E0, #DBB12A, #008AD1, #812DD4, #231A00)
• Muted Ultramarine color palette (#FFF3E8, #D87300, #008EA2, #1935D8, #180800)

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