Cobalt Field color palette — #FCF2F7 · #99CEE2 · #307BC5 · #006150 · #34375A

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Sky (#99CEE2): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#307BC5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Navy (#34375A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Balcony color palette (#F8F1E5, #9AD1E6, #3184B5, #005B5E, #2D162F)
• Ancient Iris color palette (#FAF3F5, #C4E0FB, #7786C1, #166F71, #43455E)
• Aged Forest color palette (#F3ECF4, #81BEBB, #00748D, #035410, #11304C)
• Washed Summit color palette (#F3E9F3, #1BA3A4, #005268, #00330F, #00142D)
• Ancient Lagoon color palette (#FEF3EC, #BDEDD4, #87B7E2, #319E96, #4D2F48)
• Airy Ultramarine Workshop color palette (#EEDDE4, #6AA7C8, #0046CC, #003E39, #201640)
• Patina Powder Atelier color palette (#DEFCFC, #9DE8EC, #9CB0F4, #6A7A34, #1E424A)
• Worn Parlor color palette (#F9ECF2, #3C8AAB, #00397E, #00231E, #0A0028)

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