Patina Orchard color palette — #FBF2FA · #A4CCDC · #4180A1 · #00633B · #283A5C

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sky (#A4CCDC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4180A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00633B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#283A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Tempered Cerulean color palette (#FDF2F7, #C8E0EF, #638DBE, #237160, #3A4668)
• Cerulean Courtyard color palette (#F6F1EA, #B6CFBA, #32889F, #005D50, #002435)
• Petrol Corridor color palette (#F6EBF0, #83BAD6, #3D66AD, #005049, #2D2554)
• Onyx Meadow color palette (#E9DBE5, #4A8C96, #004160, #002415, #010030)
• Hazy Violet color palette (#DBF4F4, #47A278, #9163A9, #006744, #462457)
• Aged Bronze Chapel color palette (#E0FCF8, #BFE0F9, #87B9E7, #7C6F28, #1A4245)
• Chalky Boulevard color palette (#DBFFED, #6CB98C, #007256, #00412C, #002D18)
• Tempered Balcony color palette (#EADEE6, #6CAAB7, #005D8C, #00402C, #0D1552)

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