Patina Pine color palette — #FCF2F9 · #D5D4E1 · #63AEE4 · #00835F · #202B53

Teal and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Silver (#D5D4E1): bright and airy, almost weightless.
• Cornflower (#63AEE4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00835F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#202B53): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Lagoon Terrace color palette (#FAF3F6, #D8D4DF, #9CBCF0, #1C9589, #3E395F)
• Muted Meadow color palette (#FEF0FF, #B7FDFF, #00A9D8, #007836, #00244D)
• Muted Iris Villa color palette (#FDF2F6, #D7DEFB, #738FD9, #006A67, #240D47)
• Weathered Sky Alley color palette (#F9F4ED, #B1ECF7, #37C2F1, #1EA095, #104437)
• Cobalt Canyon color palette (#FDF3EE, #95D0DC, #417FA7, #136245, #4A3146)
• Denim Loft color palette (#E7DBE2, #7CA9BF, #00598E, #002D20, #01000B)
• Jade Pier color palette (#F8F2FF, #D888B8, #1DB077, #009563, #21142E)
• Feathered Cobalt color palette (#FFF0F9, #9AD6ED, #377DC6, #005345, #0A0131)

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