Cobalt Ridge color palette — #FFF0FE · #BCD6FF · #DBB563 · #618ACC · #3C3831

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

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Powder Blue (#BCD6FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Gold (#DBB563): A luminous, balanced gold — the color of old brass.
• Slate Blue (#618ACC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3C3831): quiet, heavy and certain.

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

• Hazy Apricot color palette (#DFFDF1, #A4DDFF, #F3A584, #4893BC, #542C1A)
• Oat Studio color palette (#FFF1F6, #EFD3EB, #D0D189, #A28DC9, #48463F)
• Washed Periwinkle Lantern color palette (#EFF6FF, #AFCDFF, #79D3A8, #759FE4, #0F4C4D)
• Dusty Mustard Garden color palette (#FEF0FF, #88BFFF, #B4AF46, #97955D, #342535)
• Timeworn Boulevard color palette (#DDFDF5, #E9D9DB, #7BBDC3, #AFADA2, #4F3E4A)
• Quiet Ultramarine color palette (#EFF6FF, #7BA1D9, #A38627, #075FCB, #514005)
• Tempered Celadon color palette (#FFF0FA, #B3F9C9, #6A72A6, #492E41, #160C13)
• Antique Periwinkle Balcony color palette (#F1F5FF, #DFD6E9, #8BA2EE, #57578C, #171636)

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