Cobalt Coast color palette — #EDF4EF · #D5C381 · #3B87CB · #857019 · #0E1720

Cerulean takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Sand (#D5C381): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3B87CB): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#857019): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0E1720): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Softworn Lagoon color palette (#F8EFF2, #E5BA8F, #00959C, #966631, #08181D)
• Softworn Dune color palette (#EBF4F3, #ABCEAC, #637ECD, #4B804F, #11161F)
• Lagoon Courtyard color palette (#EDF8F4, #B5C993, #3B8B8D, #637543, #213136)
• Dusty Sand color palette (#F8F5ED, #E1D384, #68A0D7, #998D4B, #21322E)
• Timeworn Pier color palette (#E5F6F1, #8CBA28, #0073A4, #4A6600, #000A15)
• Petrol Study color palette (#EAF4F1, #7B8B51, #2F689D, #763D40, #0C1B17)
• Washed Cobalt Garden color palette (#EAF5ED, #B19A5C, #3076AF, #713B25, #391D2A)
• Muted Lagoon Lantern color palette (#F7EEFA, #A0B480, #0B8990, #74404E, #173130)

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