Patina Veranda color palette — #FBF3F6 · #AFC8DF · #5C76B2 · #005E68 · #39345B

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Sky (#AFC8DF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5C76B2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#39345B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Cobalt Harbor color palette (#FFF0F8, #83C2DD, #0070C0, #005653, #1E2872)
• Aged Forest Balcony color palette (#FBF2F8, #A0CEDB, #2C849A, #00633F, #003F5F)
• Ancient Market color palette (#F0F3EA, #A7D2C5, #327ECD, #005775, #2F152E)
• Worn Azure color palette (#EEF7F7, #BAD8F4, #5499E3, #00769D, #253B59)
• Aged Workshop color palette (#F4E7F0, #5F99A8, #004F74, #003129, #001135)
• Hushed Navy Corridor color palette (#EEDFE4, #5B84AE, #263180, #002128, #0D0025)
• Powder Field color palette (#FBF4EC, #C3E5FF, #8CB1FA, #489AA3, #4D3041)
• Worn Violet color palette (#DAF6EE, #7F9857, #905EB8, #466100, #412954)

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