Cobalt Coast color palette — #F1F9E7 · #6FD1A9 · #167AC6 · #007654 · #000201

Azure takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F9E7): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#6FD1A9): A luminous, balanced teal — the color of glacier melt.
• Azure (#167AC6): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007654): A full-bodied, balanced teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Faded Olive Cabin color palette (#F6F6E8, #9DCC73, #0082AA, #457200, #000201)
• Faded Violet Lagoon color palette (#EFF8EB, #00D8BD, #825CCA, #007465, #040002)
• Washed Magenta Courtyard color palette (#E7FBEE, #36D8FA, #D107BB, #00788D, #050004)
• Tempered Lapis color palette (#EDF9EB, #00BAAE, #4B47CB, #005A53, #01000A)
• Powdered Courtyard color palette (#E1EEF1, #1BD8CC, #00A3D3, #009D94, #001018)
• Antique Thicket color palette (#D9FFF2, #2CCFCF, #0086AD, #004481, #090039)
• Misty Cobalt color palette (#FFF2E9, #00BAB3, #036EB8, #652D00, #00161A)
• Dusty Grape color palette (#E0FDED, #008CA7, #604BB0, #73002E, #030200)

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