Patina Pine color palette — #ECF4F3 · #CFD7DE · #A4BBCB · #007942 · #152423

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CFD7DE): bright and airy, almost weightless.
• Ash (#A4BBCB): A luminous, dusty blue — the color of open sky before noon.
• Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#152423): 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 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

• Ancient Corridor color palette (#E5F5FA, #C6D6E3, #9CABCC, #00686C, #011E26)
• Cypress Harbor color palette (#EEF7F7, #CEDCE6, #9EB8C1, #2C7353, #303D3D)
• Patina Villa color palette (#F4F6F0, #D2DFD9, #A3B8BD, #439E74, #2C3026)
• Ancient Corridor color palette (#E9F5F1, #79AD94, #037376, #3D4D21, #002123)
• Washed Abyss Bloom color palette (#D9E1E1, #A3B7BE, #7491AA, #005138, #000E0F)
• Obsidian Veranda color palette (#D7EAED, #00746C, #05283D, #000F13, #000303)
• Weathered Studio color palette (#F8E1F5, #679A55, #006777, #6F0015, #001E13)
• Weathered Atelier color palette (#D7E3EA, #868E98, #646986, #002F3B, #000103)

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