Cobalt Coast color palette — #EEF8EE · #C19658 · #5AA07E · #426DB8 · #263826

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8EE): a clean, paper-quiet neutral.
• Camel (#C19658): A luminous, balanced gold — the color of old brass.
• Fern (#5AA07E): A luminous, balanced teal — the color of sea glass.
• Slate (#426DB8): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#263826): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Emerald Workshop color palette (#EDF9EF, #A88C47, #4A914F, #5A4F9A, #142E1C)
• Sunlit Cobalt Chapel color palette (#FFF0FB, #CF8A7A, #809B4E, #0074B9, #422A3B)
• Weathered Indigo color palette (#E4FBF5, #88AC67, #45A09C, #7D59AE, #163A33)
• Softworn Pewter color palette (#FFF0F8, #DCA37F, #729346, #735097, #28452D)
• Mulberry Boulevard color palette (#DCF5F1, #67A062, #2789BF, #993764, #002E2A)
• Worn Pewter color palette (#FFF1F5, #C4945D, #219FB8, #8F5595, #432A33)
• Apricot Market color palette (#FFF2EA, #FF9158, #5EA7D4, #3A7AA0, #322013)
• Pale Plum color palette (#E0FDF1, #92A11D, #0095B8, #A41699, #2A2F00)

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