Cobalt Field color palette — #FFF0FE · #4780D7 · #777512 · #57561A · #3C2D3B

Built around Azure, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#4780D7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#777512): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#57561A): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3C2D3B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Terrace color palette (#DFFDF5, #0884DE, #8F6A1D, #694E14, #1C3933)
• Violet Thicket color palette (#FFF1F6, #8F6BC8, #5F7B42, #445B2C, #412C35)
• Weathered Iris color palette (#F0F9E4, #808EED, #964F70, #0F5C41, #4E353E)
• Wandering Quarry color palette (#FFF0FD, #7C9DE3, #B97898, #237F74, #3E2C3C)
• Feathered Violet Balcony color palette (#FFF1F4, #9957AC, #7D4A00, #5F3700, #1E2E21)
• Patina Amethyst Delta color palette (#FFF0F7, #804CED, #007770, #005651, #3D2130)
• Dusty Iris Orchard color palette (#ECF2FF, #767DD0, #9B6075, #005F5D, #12192D)
• Dusty Pewter Garden color palette (#FBF2F6, #E3D8D4, #CDBDAE, #746E96, #4F4449)

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