Cobalt Field color palette — #FFF3E7 · #A8D2F1 · #5B74C7 · #005150 · #12002B

Built around Sapphire, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#A8D2F1): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#5B74C7): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#005150): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#12002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Muted Balcony color palette (#FFF2ED, #98D9DD, #0086AF, #00552A, #000B24)
• Misty Loft color palette (#EAF2EB, #A1C4E3, #5F92DF, #007991, #121353)
• Muted Nightshade color palette (#E8DDE1, #72A5CA, #374CAD, #003E3D, #25143E)
• Gentle Forest Meadow color palette (#FFF2ED, #B2F3F7, #329EC9, #006F38, #011C44)
• Cobalt Grove color palette (#C6E6FF, #0081C5, #866500, #6A5000, #000204)
• Navy Corridor color palette (#D7F7F3, #00AFD0, #0072A8, #001E81, #0E0034)
• Quiet Sapphire Quarry color palette (#F0F5FF, #8CACFF, #0066C9, #002556, #00000C)
• Hushed Mallow Delta color palette (#D9FFF1, #EAE5FF, #E59DC4, #008083, #080B2A)

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