Cobalt Ridge color palette — #EDF1FF · #F5CEF4 · #FFA7AE · #3E76C7 · #321B45

Built around Azure, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Thistle (#F5CEF4): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#FFA7AE): A luminous, balanced red — the color of embers at dusk.
• Azure (#3E76C7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#321B45): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Patina Indigo Lagoon color palette (#F2F0FF, #FFD2E1, #FB9D7E, #745CCF, #3C152D)
• Azure Lagoon color palette (#FFF0F8, #EFD4DE, #FFB0BA, #5196DE, #4E375A)
• Hazy Ultramarine color palette (#E5E7FF, #E1B6D7, #D78D85, #3954AD, #260E2F)
• Tempered Mallow Field color palette (#E9F3FF, #E4D2E4, #F095D9, #00798F, #1F2957)
• Fuchsia Delta color palette (#F3F4FF, #F4D7FF, #F088DA, #6F60B0, #3D3B5D)
• Ancient Driftwood color palette (#F9EDFD, #EAD3D4, #B7DBBD, #AB7E9F, #493745)
• Ember Lagoon color palette (#EFECFC, #DE97B0, #D56842, #47308D, #1D0011)
• Mulberry Alley color palette (#F8EDFF, #FFBFBA, #E69600, #8D2197, #3F000A)

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