Patina Cerulean color palette — #F9F3F9 · #B7E5F3 · #4295B5 · #357145 · #334963

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#B7E5F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4295B5): A luminous, balanced blue — the color of open sky before noon.
• Pine (#357145): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#334963): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Aged Periwinkle color palette (#FAF3F6, #D8DFF0, #769BD0, #387C71, #4B5267)
• Cobalt Summit color palette (#FAF3F7, #A3CCE0, #337EB4, #006248, #2D3A55)
• Muted Courtyard color palette (#F6F1EA, #C7E6C9, #359CB0, #2E6B5A, #113326)
• Muted Teal color palette (#FEF3ED, #C8E7DF, #89C8DD, #62A988, #2B5045)
• Lilac Delta color palette (#F4F4FF, #9F6FCA, #009075, #007079, #35354C)
• Timeworn Sand color palette (#F4F4FF, #E7D7E0, #F6B684, #7380B2, #554B60)
• Hushed Onyx color palette (#E7D9E3, #4D9DA8, #005072, #00321D, #000843)
• Muted Hollow color palette (#D1E5FF, #A593DF, #9B59C4, #843B6A, #543E59)

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