Patina Atelier color palette — #F2F3E9 · #CDE4CC · #12A0AA · #006E61 · #173322

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Celadon Mist (#CDE4CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#12A0AA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#173322): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cerulean Lagoon color palette (#E8EAD8, #3E99A3, #005361, #002C2B, #000508)
• Dusty Turquoise color palette (#F1F3EC, #C3E4E4, #64A4CD, #3C7482, #213C35)
• Worn Delta color palette (#E9EADF, #7CC1C5, #007987, #004C47, #001A20)
• Dusty Aqua color palette (#FBF3EF, #BEE4E9, #45CEEC, #4F926D, #1E483B)
• Hushed Coast color palette (#EEF6DE, #33A568, #008DAD, #846700, #1B210B)
• Feathered Alley color palette (#E1E5D3, #91AD61, #558600, #225B17, #2A2E0B)
• Worn Ember color palette (#F3F4DF, #86B36E, #D66948, #3E750F, #3E1D08)
• Quiet Pine Coast color palette (#EEF7D3, #8CCE9A, #268E48, #004B1F, #001B09)

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