Patina Veranda color palette — #FBF4EC · #9FCBEA · #4175CF · #005F65 · #35365C

A conversation between Sapphire and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Sky (#9FCBEA): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#4175CF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#35365C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Muted Archive color palette (#FBF3F0, #AAD0B6, #0083B2, #006150, #483149)
• Cobalt Corridor color palette (#E6F6F5, #97CFF7, #4780B7, #005772, #0C203D)
• Petrol Villa color palette (#F7ECE7, #83BCC5, #007297, #005140, #132F4D)
• Azure Coast color palette (#F3F7EC, #B0DAFB, #5F9AD5, #2F7591, #493149)
• Tempered Blush color palette (#FFF1F5, #FCD1ED, #EF9894, #4C68A3, #53383F)
• Washed Loft color palette (#EEE0D9, #379EB2, #005071, #003128, #001330)
• Quiet Violet color palette (#FFD8E6, #9868CA, #657600, #046415, #3C222C)
• Timeworn Amethyst Atelier color palette (#E3EEFD, #8A8DEB, #7A4DD7, #6B337C, #512C4C)

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