Cobalt Field color palette — #D4ECF3 · #27A1D8 · #0674C2 · #1A478A · #2D3665

Royal Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4ECF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#27A1D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0674C2): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#1A478A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2D3665): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Weathered Periwinkle Basin color palette (#DAF1F9, #5AC9FF, #2FA4FF, #477DD1, #2E365C)
• Sunlit Navy color palette (#C0EBEC, #37A6BF, #006FB3, #21379B, #201043)
• Pale Lantern color palette (#C8EFF0, #50B9DB, #0089D0, #3950C1, #433467)
• Muted Teal Station color palette (#CFF8F4, #00B4BB, #007D8E, #005066, #262E5C)
• Wandering Petrol Chapel color palette (#ECF1FF, #8AA6F1, #4661AE, #1C2C73, #0A1E4C)
• Denim Studio color palette (#FBE7FD, #4C90DD, #9F6E18, #0056A2, #4A2F00)
• Misty Indigo color palette (#E2E7F4, #8186E1, #7659B8, #5F327E, #502E57)
• Petrol Loft color palette (#FFF0FD, #DADEFF, #C7A0D5, #337598, #52374B)

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