Cobalt Field color palette — #F3F7EC · #A9D0F9 · #3878D6 · #004C6E · #02072B

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Lilac Frost (#A9D0F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3878D6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#02072B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Cerulean Parlor color palette (#F4F7EB, #9BD6E8, #0086AC, #005057, #000F18)
• Denim Bloom color palette (#D9E2DA, #74A0CC, #2E52A5, #003747, #07022B)
• Aged Basin color palette (#EEF0DF, #5FC8DA, #00738B, #003E3F, #000305)
• Iris Courtyard color palette (#F0E1D1, #8DC5FC, #738CE5, #007A8C, #21163E)
• Worn Orchard color palette (#F5F7E9, #B2F3FC, #00A3BE, #006A68, #00232E)
• Chalky Raspberry color palette (#FED1F2, #C232AA, #B24100, #2F43BB, #050004)
• Soft Coast color palette (#DFDCF5, #A873FA, #8500D5, #4D006D, #1C0025)
• Gentle Blush color palette (#FFF1F3, #FFD0D5, #FF86AC, #7C4692, #230409)

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