Cobalt Ridge color palette — #F1F5FE · #DEEEB1 · #6970AD · #2C3753 · #0B0F19

Slate and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Celadon Mist (#DEEEB1): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#6970AD): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2C3753): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0B0F19): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Wandering Study color palette (#EDF6FF, #FFDDD1, #287CB8, #213B51, #071019)
• Dusty Canyon color palette (#F4F4FC, #E6FFD2, #917AA9, #43435F, #1A1A22)
• Antique Stone color palette (#F8EEF5, #AEBA84, #48527C, #1D2445, #140811)
• Plum Chapel color palette (#F6F3FF, #CBE67D, #994396, #471846, #090414)
• Iris Garden color palette (#FEF1F6, #FFC5BF, #9A8AC3, #775966, #2C1C23)
• Muted Coral Orchard color palette (#F2F5FC, #E7D4ED, #E87773, #857BD5, #1A0D18)
• Sky Loft color palette (#EDF7FF, #57BDFE, #B79B41, #008574, #172633)
• Tempered Blush color palette (#E2FCF2, #DBBCFC, #CE7188, #12726F, #342D44)

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