Patina Station color palette — #E7F1F0 · #B4D3D4 · #8AA6AA · #26633D · #1B3332

Pine takes the lead with Oat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Oat (#B4D3D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#8AA6AA): A luminous, dusty blue — the color of deep harbor water.
• Pine (#26633D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#1B3332): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Lagoon color palette (#EBF8F8, #CFDBE3, #9CB9BF, #307258, #2D3E3F)
• Abyss Bloom color palette (#DEE9EA, #A3BFC5, #7195A0, #005143, #122224)
• Softworn Onyx color palette (#D7E0E6, #8B9CAB, #637284, #003041, #000B14)
• Weathered Teal color palette (#C6F1E8, #58A3A7, #3F6B80, #3E4966, #3A2A51)
• Patina Petrol color palette (#EDF7FF, #D7D8EE, #ABBDD8, #0071AA, #36414B)
• Tempered Emerald Lantern color palette (#E8F0EF, #C8D5DF, #AEB9CE, #57A853, #193330)
• Navy Boulevard color palette (#BDE9DC, #008D65, #005953, #002F6F, #002A2E)
• Ancient Clover color palette (#CBFBFE, #00CD5A, #00A680, #007F80, #003128)

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