Cobalt Field color palette — #E2F8F0 · #008DD9 · #91464D · #4F4000 · #0F1907

Azure takes the lead with Burnt Sienna close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2F8F0): A whisper-light, dusty teal — the color of sea glass.
• Azure (#008DD9): A luminous, balanced blue — the color of deep harbor water.
• Burnt Sienna (#91464D): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#4F4000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0F1907): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Pale Studio color palette (#E5F8E8, #0095A9, #913967, #5E3100, #151704)
• Aged Cobalt color palette (#FAEDF8, #5B75CC, #864400, #33420D, #04140A)
• Indigo Thicket color palette (#F1F5FF, #6E68BA, #8C4177, #543F00, #122D38)
• Chalky Periwinkle Veranda color palette (#FFF0D8, #6C9CEB, #755AA2, #5C401C, #301A2A)
• Faded Periwinkle Lantern color palette (#FFF0FD, #78A5FF, #B2644D, #914E3A, #191C0C)
• Patina Turquoise Balcony color palette (#E8F8FF, #00B2C0, #96711A, #4B641F, #0C2C2F)
• Hushed Sapphire color palette (#FFEAFD, #164EFB, #742900, #2E3400, #000709)
• Muted Petrol Pier color palette (#F6EFF6, #E3D4D6, #CFB7B6, #57779E, #312931)

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