Cobalt Ridge color palette — #F9F0EA · #87D5E8 · #3382BB · #155C46 · #171D3D

Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Ice Blue (#87D5E8): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#3382BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#155C46): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#171D3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Aged Basin color palette (#FCEEEB, #B2D2AE, #1F89A3, #275D26, #002720)
• Muted Terrace color palette (#F2E7DB, #8CB9DC, #4C61C1, #004B4B, #1C0A32)
• Weathered Dune color palette (#F7F0EA, #B7E9D7, #768CC2, #0B6C69, #3D2230)
• Muted Turquoise Studio color palette (#EDF9EF, #D5D7E7, #60B1DA, #287D7B, #193046)
• Softworn Moss Pier color palette (#F1E9CF, #A7A724, #5665BA, #595900, #13183B)
• Antique Cerulean color palette (#F5E4D9, #0086A4, #003D6D, #002018, #01000B)
• Powdered Studio color palette (#F0E0D4, #45A9D2, #1856A5, #003A33, #0B002C)
• Washed Olive Workshop color palette (#F8F0EB, #C0EEE7, #78A898, #5D7534, #432E3F)

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