Weathered Cerulean color palette — #F9F2FB · #F3ACB8 · #86B587 · #2A9EB7 · #313040

A conversation between Cerulean and Ballet Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Ballet Pink (#F3ACB8): A luminous, balanced red — the color of late-summer berries.
• Sage (#86B587): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#2A9EB7): A luminous, balanced blue — the color of deep harbor water.
• Deep Teal (#313040): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered Cerulean 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

• Ancient Cobalt Harbor color palette (#FFF1F7, #E4B698, #5CB7B3, #6F80C5, #3E3344)
• Washed Lagoon Boulevard color palette (#F4F4FD, #D5AAE1, #B3A269, #3C9784, #2D3946)
• Wandering Cobalt color palette (#FFF0F8, #EB8F4D, #00AC9E, #396FC8, #251430)
• Dusty Driftwood Coast color palette (#FEF2EE, #E89898, #9D8C3E, #327198, #2E1F1A)
• Muted Apricot Canyon color palette (#FAEEF4, #EBA380, #728071, #614E59, #252024)
• Pale Byzantium color palette (#DFFEEA, #D0AC28, #0086B9, #A200E4, #300101)
• Tempered Amber color palette (#FEF0FF, #FFD2CB, #E6AA86, #BE7D29, #5C4500)
• Lapis Lagoon color palette (#F5E1E8, #C57400, #007A83, #4215D8, #130005)

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