Cobalt Ridge color palette — #E5F7F0 · #A7BC71 · #83A044 · #3B6CC4 · #501300

Royal Blue takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E5F7F0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A7BC71): A luminous, balanced green — the color of fresh herbs.
• Moss (#83A044): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#3B6CC4): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#501300): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Feathered Amber color palette (#E6F7EA, #D0AC5E, #B58C29, #007D94, #51082B)
• Indigo Dune color palette (#FCECFB, #F49193, #4CAA60, #5C61C9, #4E0E2F)
• Plum Delta color palette (#D1E7DF, #9AAD3F, #008DCE, #B2005C, #1F2200)
• Powdered Ridge color palette (#FEECF3, #E5A162, #00AA9A, #864FBE, #442100)
• Gentle Terrace color palette (#EAF9F3, #A7AE4B, #008B66, #005365, #281700)
• Antique Plum Chapel color palette (#D5F1D7, #DB9A00, #009BB1, #B50081, #381C00)
• Muted Amber color palette (#D3ECDD, #B09A30, #3A6C63, #284434, #130A0D)
• Powdered Coast color palette (#F2F3E3, #72A65B, #008477, #005874, #1F2458)

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