Cobalt Coast color palette — #F1F5FF · #747ABF · #6A7840 · #4D5924 · #293249

Built around Slate Blue, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate Blue (#747ABF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#6A7840): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4D5924): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#293249): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Cobalt Balcony color palette (#EEF6FF, #5283C2, #956624, #704A11, #223449)
• Antique Olive Workshop color palette (#F5F3FF, #9F6CA2, #68792E, #005F64, #343042)
• Worn Iris Boulevard color palette (#F3F4FF, #8F7AC2, #8A5528, #005549, #003F4C)
• Misty Forest Balcony color palette (#E6F6EF, #1F92BC, #727C34, #196224, #002015)
• Aged Olive color palette (#EAF8FF, #5AABC3, #969252, #4C7E30, #153747)
• Airy Plum Ridge color palette (#F0EBFF, #985391, #007165, #0C4480, #292239)
• Raspberry Market color palette (#F7F3FF, #AA5A8C, #87463B, #374E03, #1C2A39)
• Weathered Delta color palette (#F4F4FC, #E0D7DE, #CABBC0, #816992, #464653)

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