Soft Cobalt color palette — #E0F5E7 · #A78B1F · #5974C3 · #685500 · #26335B

Sapphire and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0F5E7): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#A78B1F): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#5974C3): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#685500): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#26335B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Soft Cobalt 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

• Gentle Harbor color palette (#F3E8D3, #AA8E3A, #6371D1, #685200, #11114A)
• Amber Station color palette (#FFE7EF, #C27B1C, #0084AF, #7B4900, #003B50)
• Sunlit Chapel color palette (#D4F7F0, #6A9F4A, #7F70C9, #2D5E00, #352C5D)
• Ancient Iris Orchard color palette (#E3F3E8, #BDA662, #7291E5, #8A6E00, #223261)
• Indigo Courtyard color palette (#CAEFD6, #937600, #665CBC, #703A85, #0F331E)
• Grape Terrace color palette (#E0EFE4, #866900, #643BAD, #473700, #22004A)
• Timeworn Cocoa Canyon color palette (#D7EFDC, #959C6E, #786028, #653615, #0D3834)
• Olive Coast color palette (#E5FBF5, #A1B988, #BE84A4, #637C44, #554566)

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