Patina Pine color palette — #F8F3F9 · #D1E2F2 · #75A0B8 · #457E4A · #3E556D

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Frost (#D1E2F2): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#75A0B8): A luminous, dusty blue — the color of deep harbor water.
• Olive (#457E4A): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3E556D): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Softworn Aqua color palette (#F1F7F2, #D0E1F1, #6FC0CA, #56957C, #405662)
• Turquoise Villa color palette (#F5F1EB, #C5E6DB, #4EACB7, #417862, #233D2F)
• Softworn Ridge color palette (#E9DFE7, #5C9BA5, #004F74, #00321F, #030249)
• Hazy Station color palette (#FDF1FA, #A9D6EB, #2D86C3, #00694E, #2E3A74)
• Tempered Drift color palette (#FFF0F8, #C1896F, #459B87, #00808E, #503B47)
• Softworn Meadow color palette (#FDF1FC, #C5A3C2, #43ACA4, #B14F51, #29545D)
• Hushed Thicket color palette (#EDF9EF, #A5BFB3, #937D54, #7E5139, #324E49)
• Timeworn Powder Delta color palette (#FCF3F0, #C1E3E7, #93D2E6, #A1A77C, #36514A)

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