Patina Cobalt Courtyard color palette — #FEF3EB · #7FC2E1 · #006FC4 · #005654 · #21296D

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Sky (#7FC2E1): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006FC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#21296D): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Petrol Delta color palette (#FFF2EC, #76C7CC, #007A97, #00583E, #003658)
• Sapphire Study color palette (#FFF3E6, #8DBDE9, #3650FF, #00545F, #342661)
• Washed Sky Workshop color palette (#E3F6F5, #54C9FE, #0079B2, #004F5F, #001B33)
• Misty Azure color palette (#F2F9E0, #85D6FF, #0096DB, #006F85, #00355C)
• Ultramarine Workshop color palette (#F7ECE3, #70A6C7, #0052B1, #003E40, #181746)
• Wisteria Villa color palette (#D9FFF0, #C0D0FF, #CB88FC, #006B70, #203D5C)
• Periwinkle Coast color palette (#DAEBFF, #3AA2FF, #0060A6, #002E5A, #001936)
• Sky Station color palette (#E8FBEB, #AAE3FF, #4FB2FF, #0096A2, #032D71)

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