Cobalt Field color palette — #FFF1F6 · #A7C9E9 · #6774AD · #005F61 · #363754

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#A7C9E9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6774AD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#363754): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Ancient Cobalt Boulevard color palette (#EFF4E8, #ACD0C6, #557EB2, #005677, #0D1E43)
• Aged Cerulean Alley color palette (#FAF3F8, #B7E5F7, #5692B4, #347051, #384861)
• Airy Canyon color palette (#FFF0F7, #69C5E8, #006DCC, #00574A, #2C256C)
• Timeworn Lagoon Balcony color palette (#E6DDE7, #33918C, #004453, #022502, #000A17)
• Tempered Cerulean color palette (#FBF4EC, #C6E9DE, #94B0F3, #009DAF, #39335F)
• Powder Chapel color palette (#E3FAFF, #A4E9FF, #A7ABE7, #4B7245, #294857)
• Dusty Jade Villa color palette (#EAF3E3, #13BA73, #007E74, #00545B, #003E54)
• Tempered Cerulean color palette (#F2E0EC, #179FBC, #004D7E, #003124, #0B0641)

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