Cobalt Field color palette — #F9F0EA · #B1CFC2 · #547FAF · #005B5B · #161B46

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Oat (#B1CFC2): A whisper-light, dusty teal — the color of sea glass.
• Slate (#547FAF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#161B46): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Gentle Delta color palette (#FCEFE8, #6BCBE0, #007BAC, #005346, #00183D)
• Antique Cerulean Veranda color palette (#CDE8E4, #009FB4, #006E91, #00436D, #071943)
• Muted Sky color palette (#ECF8F7, #D8DDE8, #67AFDC, #007C92, #003152)
• Abyss Corridor color palette (#EEDDD5, #4E979D, #005168, #002D1F, #00050D)
• Ancient Corridor color palette (#F8F0EB, #D0E2CF, #329CB2, #087042, #003527)
• Weathered Cypress color palette (#DCFAEF, #C7D7FF, #CDA6D9, #007D83, #2E182F)
• Wandering Bronze color palette (#DBEFE5, #2F9EC9, #AF690C, #005D7C, #2C1600)
• Timeworn Navy Pier color palette (#F4EBE4, #507F9B, #00377E, #001F21, #01000A)

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