Cobalt Coast color palette — #E8FAF5 · #3384CB · #715900 · #484500 · #262C1C

Cerulean and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Cerulean (#3384CB): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#715900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#484500): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#262C1C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Iris Basin color palette (#FFF0FA, #767FD5, #90511F, #345213, #0D4233)
• Washed Parlor color palette (#E8FAF1, #008BAF, #923C00, #6B310F, #2A2C19)
• Iris Workshop color palette (#F6F8DC, #6D94ED, #845689, #395829, #4C3542)
• Aged Mulberry color palette (#FAEDF9, #4E76B1, #964363, #244E1A, #1C0C1C)
• Tempered Petrol Summit color palette (#FAF2F8, #E7D7D6, #CCBCB7, #64729D, #4E444B)
• Faded Lapis Garden color palette (#FFE3F8, #432CFE, #4C4900, #1E3300, #001D1A)
• Peony Summit color palette (#F7F3FF, #BC75A9, #A0607F, #844D17, #132D3C)
• Weathered Byzantium Market color palette (#FFF1F3, #9738A9, #005F3B, #004244, #06251B)

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