Patina Powder color palette — #FBF2F9 · #D4D4E2 · #86C3E8 · #569171 · #304058

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E2): bright and airy, almost weightless.
• Sky (#86C3E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#569171): A luminous, dusty teal — the color of shallow lagoons.
• Navy (#304058): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Terrace color palette (#FEF1F8, #D4D4E3, #7BAADE, #16806C, #292A4D)
• Weathered Powder color palette (#FCF2F6, #D8D4DF, #C7BCE7, #6A9BA6, #484C61)
• Cypress Corridor color palette (#FCF3EF, #CEE2D3, #5194B1, #00735A, #2C4A69)
• Glacier Loft color palette (#E7F9FF, #4DEDFC, #FF9D7E, #009CA8, #4A2E41)
• Teal Alley color palette (#EADCEC, #55B4B0, #005E74, #012E05, #000104)
• Powdered Seafoam color palette (#DCFFEA, #5EFADE, #00B2BE, #277897, #304363)
• Misty Cobalt color palette (#FFF1F7, #8FD6FF, #5277C5, #00524D, #0F0328)
• Gentle Petrol Pier color palette (#F9E9F3, #56C8E4, #006CAD, #003F2F, #010014)

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