Patina Pine color palette — #FDF2EF · #C3DCC4 · #44A2C4 · #18813D · #1E3B5F

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Celadon Mist (#C3DCC4): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#44A2C4): A luminous, balanced blue — the color of open sky before noon.
• Olive (#18813D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1E3B5F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Wandering Azure color palette (#FFF2EC, #A9E7F5, #21A4F2, #008662, #2C3A75)
• Frosted Terrace color palette (#F8ECE4, #AACEBB, #3C88DB, #006E5C, #282755)
• Softworn Lagoon color palette (#FCF4E8, #AEEEEE, #65C1D2, #3D9F83, #034154)
• Aged Orchard color palette (#EFF8F1, #A3CDD9, #008799, #00624C, #0B4153)
• Mint Garden color palette (#D3E7CB, #65C297, #009796, #006B82, #004164)
• Worn Delta color palette (#F4E9E4, #80BDC6, #007EB1, #005C3A, #05184F)
• Dusty Emerald color palette (#E9FBE8, #C7E7FF, #CDB8F0, #539B5B, #1D493A)
• Softworn Blush color palette (#E2F3E9, #5BB6CF, #DA6C93, #007F99, #591C34)

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