Cobalt Ridge color palette — #DFE9FF · #616DBA · #8E5500 · #314E00 · #060F24

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

The five colors

• Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
• Slate (#616DBA): A full-bodied, balanced violet — the color of wild irises.
• Ochre (#8E5500): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#314E00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#060F24): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Cobalt Chapel color palette (#DDEBF8, #157BBA, #974C35, #534100, #001122)
• Wandering Station color palette (#EDECF9, #9567A5, #853E00, #00400F, #001625)
• Chalky Forest Terrace color palette (#EEF1FF, #8D78BD, #906F2B, #15631E, #16182B)
• Chalky Violet color palette (#EAE6FC, #9957A1, #636B00, #005041, #110B21)
• Cobalt Pier color palette (#F9E8FC, #0073C6, #556B00, #3B4C00, #321E35)
• Mulberry Studio color palette (#DAF0DE, #9E77BB, #893C64, #343E00, #1A112F)
• Nightshade Drift color palette (#DFE7FF, #4F37AC, #5A3D00, #103000, #02000F)
• Dusty Iris Thicket color palette (#FDE7F6, #8899F9, #9D5D00, #596900, #351D2F)

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