Patina Azure color palette — #D7E7F3 · #249AD2 · #3F4D69 · #22303A · #121A1D

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E7F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#249AD2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3F4D69): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#22303A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#121A1D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Dusty Iris Summit color palette (#DEE4F6, #8583DC, #4D476B, #282D3E, #15191E)
• Weathered Study color palette (#E1FDF2, #3FA9E2, #51404F, #11221C, #020704)
• Timeworn Balcony color palette (#D5EAE1, #28B7F8, #816777, #3B4F47, #141A14)
• Cobalt Grove color palette (#D5EAE2, #0079AF, #3C2C3D, #13231D, #060E0E)
• Sapphire Drift color palette (#D9E6F6, #0371EC, #3C2A68, #051A37, #000911)
• Feathered Amber color palette (#F0F5FF, #899FF3, #BD9112, #858D3A, #2B3850)
• Hushed Turquoise Ridge color palette (#F9F3F8, #CDE0FA, #4CB2DD, #2C8D73, #344A61)
• Iris Corridor color palette (#D0EFFF, #80C6FD, #628CF7, #5D5FA4, #424566)

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