Patina Cobalt color palette — #FAEFEB · #ADD2B8 · #4083AF · #005E42 · #151E3D

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEFEB): bright and airy, almost weightless.
• Pistachio (#ADD2B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4083AF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#151E3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Patina Cobalt 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 Thicket color palette (#FAF4EC, #AFCEB9, #1784A8, #00605A, #093E5F)
• Antique Petrol Delta color palette (#F3E7DB, #91BFAF, #5067AA, #004B49, #1B0737)
• Dusty Cypress Field color palette (#F9F0E9, #C7E4D8, #728DC0, #006D65, #3E2131)
• Patina Courtyard color palette (#EEF8F0, #D7D6E4, #56B3D8, #008078, #07314C)
• Muted Navy color palette (#F5E4DB, #398399, #003D6B, #002018, #01000B)
• Powdered Nightshade Harbor color palette (#EFE2D4, #5390BD, #2A37A7, #002C2C, #070015)
• Weathered Station color palette (#F7E6D2, #BC852B, #8866C2, #734C00, #230E3D)
• Denim Hollow color palette (#F6E5DA, #71A5B7, #165A96, #003B2F, #08002F)

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