Cobalt Garden color palette — #E9F3FF · #96B6DC · #71AC87 · #3674B6 · #0F3A23

A conversation between Slate and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#96B6DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#71AC87): A luminous, balanced teal — the color of glacier melt.
• Slate (#3674B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#0F3A23): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Patina Field color palette (#FAF2FB, #86B4E6, #B09643, #4375AC, #504D46)
• Ancient Petrol Market color palette (#E7F4FB, #82BECC, #AE8CC6, #008094, #2F2C4D)
• Cerulean Field color palette (#EBF2FF, #D8D4E1, #AFACA1, #6A8DBA, #323A4C)
• Softworn Mint Workshop color palette (#ECF8F5, #9BC9F7, #7EC493, #6191BF, #4C4E47)
• Indigo Dune color palette (#EEF1FF, #A9B1D9, #CA897D, #7662B1, #41263C)
• Tempered Station color palette (#EBF2FF, #7E90EC, #009882, #3D35E0, #002720)
• Aged Navy color palette (#EBF2FF, #BCD1F6, #7687BD, #354380, #13193C)
• Pewter Lantern color palette (#F1F1F8, #D8B8D2, #5D5D82, #2E2D4C, #12121E)

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