Patina Field color palette — #FBEFEA · #ADE9EE · #5498B1 · #336B55 · #08342B

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFEA): bright and airy, almost weightless.
• Sea Foam (#ADE9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5498B1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#336B55): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#08342B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Antique Cerulean Quarry color palette (#FAEFEA, #C0E7CE, #5895BA, #236C5E, #3A223A)
• Dusty Cerulean Terrace color palette (#FCECE4, #009AB2, #004F71, #002C25, #000411)
• Softworn Hollow color palette (#F7F0EA, #BDEFF1, #AF90AF, #57735A, #432F3D)
• Timeworn Lagoon color palette (#EDF8F6, #CDD8EF, #7AC9D8, #3B928C, #244453)
• Petrol Dune color palette (#F3E6E0, #59C5D5, #00759C, #004D3C, #001630)
• Chalky Harbor color palette (#F5EADD, #437EAD, #152797, #001F23, #010009)
• Pale Peony color palette (#FFECEF, #BF66BF, #509148, #337A63, #30151A)
• Dusty Stone color palette (#FFECEF, #E3D2CD, #DFBD91, #946B7E, #3D2727)

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