Cobalt Field color palette — #FFF3E9 · #A9D8C6 · #3A79D2 · #005154 · #0A0033

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Pistachio (#A9D8C6): A whisper-light, dusty teal — the color of sea glass.
• Azure (#3A79D2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005154): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0A0033): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cerulean Boulevard color palette (#FEF2ED, #B3D6BA, #0087AC, #00543E, #000D1D)
• Feathered Turquoise Parlor color palette (#C3EAEB, #00AAC8, #00709C, #003965, #040036)
• Patina Petrol Atelier color palette (#FCEAE0, #80C4C8, #00738D, #00402B, #000307)
• Hushed Delta color palette (#EEDBE3, #69A7CC, #1754A6, #003D40, #191942)
• Cerulean Loft color palette (#FFF2EB, #D3EED1, #04A3BE, #006E41, #002133)
• Washed Workshop color palette (#DBFFF1, #CED9FF, #D99ADF, #00737A, #040E32)
• Quiet Azure color palette (#E2F3F2, #87C9F1, #0699EE, #007996, #001F41)
• Dusty Cobalt Chapel color palette (#BCEDE1, #007DD5, #9C5700, #724C00, #000205)

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