Cobalt Lagoon color palette — #F5F8E0 · #7BB872 · #5571C1 · #7B2D1D · #330E00

A conversation between Sapphire and Jade, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7BB872): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#5571C1): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#7B2D1D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#330E00): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Cobalt Lagoon 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

• Pale Canyon color palette (#F5F8E0, #6CBD65, #616FBB, #78235C, #3A000E)
• Hushed Garden color palette (#F3F7EB, #7BD0A1, #847FC8, #884918, #3C2600)
• Aged Bloom color palette (#EDFAEA, #34BDB3, #905DAB, #624300, #221B00)
• Marigold Studio color palette (#FDF4E5, #C7A134, #008599, #6F2D5F, #390115)
• Timeworn Amethyst color palette (#E7FDDE, #00B29E, #842EDE, #603100, #171200)
• Olive Studio color palette (#E5F6F2, #478A12, #064FA9, #70071B, #452000)
• Bronze Balcony color palette (#F5F9D7, #BFD8B2, #699EB6, #9F603E, #603300)
• Tempered Delta color palette (#E3F5FF, #1DC5E9, #6790E6, #8E4BBA, #4F0C2D)

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