Cobalt Field color palette — #FBF2F7 · #A7CBDF · #2B7FB6 · #006158 · #2A3A5B

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A7CBDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2B7FB6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2A3A5B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Cerulean Ridge color palette (#F1F3E7, #9BD1E4, #3586A8, #005A64, #002337)
• Cornflower Grove color palette (#FCF2F6, #A5D5F4, #1F78F7, #00666B, #38396B)
• Tempered Drift color palette (#E8F9F7, #A8DEF1, #53A0C2, #227984, #223E52)
• Ancient Villa color palette (#E9F1E9, #8EB6DC, #475FBC, #004E59, #2F2550)
• Dusty Navy color palette (#E8DBE2, #4C89A2, #003E6C, #002221, #03002E)
• Indigo Alley color palette (#DBF6EA, #939328, #5B6AE0, #5A5B00, #2A315B)
• Teal Terrace color palette (#E2FDEE, #C5ECB9, #5CC4BA, #896336, #25423B)
• Ancient Sapphire Terrace color palette (#D0EDDB, #8F7800, #445CDB, #843585, #123321)

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